Results 1 to 5 of 5

Thread: javascript and manipulating images

  1. #1
    Join Date
    Oct 2012

    javascript and manipulating images

    I am currently investigating the best development tools to use to create a web browser based application that will cater for the following functionality

    1) Import of a PDF document (that represents a diagram and is the bottom layer)
    2) Manipulate other standard graphic images (from a set of available images shown on the side of the web page)
    3) Superimpose these other graphic images on another layer on top of the PDF diagram by dragging and dropping
    4) Create superimposed grouping of sections of the PDF diagram (by clicking various points that eventually form a bounded/coloured rectangular shape)
    5) Mirroring, Rotating, Scaling the bounded areas (including the implied contents beneath the bounded area i.e. from the PDF layer)
    6) I also need to perform scaled measurements on the diagram using mouse clicks.
    7) Save some representation of the work performed back to a server database (probably using AJAX and json)

    Assuming this is all possible to do in a browser (DOM), then this will obviously be a reasonably detailed bit of development work and what I am after are suggestions as to which tools (javascript librarys? or ? ) I should consider investigating as candidates to simplify and make the best job of the task.

    I would also be interested in any comments on what are the merits of using different graphical formats (SVG etc...).

    Feel free to throw any comments into the mix. I am at the learning/investigating stage and any comments or insights that save me headaches downline () would be very much appreciated.

    [Sorry for this long winded question ()]

    Thanks in advance

  2. #2
    Join Date
    Mar 2009
    thats really an interesting project, i think all can be done in flash or silverlight in a better way. i dont know much about those technologies but both of them require ActiveX plugins to run.

  3. #3
    Join Date
    Nov 2010
    I cannot say for sure, because I have never attempted anything like this, but I suspect that if it can be done in javascript it will be using html5 (for dragging and dropping elements and the <canvas> tag for graphic manipulation). Which means that the code in IE below 9 will fail.

    maybe a framework like jQuery has cross-browser applications of the methods you are describing. Sorry to be quasi-informative. Good luck.

  4. #4
    Join Date
    Oct 2012
    Quote Originally Posted by ZABI View Post
    thats really an interesting project, i think all can be done in flash or silverlight in a better way. i dont know much about those technologies but both of them require ActiveX plugins to run.
    Thanks for the response.

    I have been using Silverlight for many years and it would be a preferred route as I can envisage exactly how all my requirements could be achieved. However, as I need to support my application on IPad, and possibly other devices then the Silverlght route becomes complicated. So I have more less decided that whatever solution i put in place it will rely heavily on javascript and javascript libraries of some sort.

    thanks again for your response

  5. #5
    Join Date
    Oct 2012
    I think you are correct. I have started investigations into Canvas (HTML 5). I have been using JQuery for a year or so and I would certainly entertain using it provided I can find libraries that help with the graphical bits (from my research so far SVG seems like a promising route to take).

    Thanks for your response.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.09758 seconds
  • Memory Usage 2,867KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (5)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (5)postbit
  • (5)postbit_onlinestatus
  • (5)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (71):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates