¿ªÔ´JavascriptͼÐοâ[ת]
http://www.cnblogs.com/webgis8/articles/1516639.html
¼¸¸ö¿ªÔ´JavascriptͼÐοâ
ÒòΪGoogle MapÏîÄ¿µÄÐèÒª,×î½üÒ»Ö±ÔÚѰÇóÏà¹ØµÄJavascriptͼÐοâ,ÔÚ³¢ÊÔÓÃGoogle Map
APIÌṩµÄjavascript½Ó¿Ú»æÍ¼Ê±·¢ÏÖÆäЧ¹ûºÍЧÂʶ¼²»Ì«ÀíÏë,ͬʱҲÓùýjsgraphics¿â,Ò²²»ÊǺܺÃ.ÓÖÔÚÍøÉÏÕÒµ½ÁËÏÂÃæ¼¸¸ö.
mxGraph
mxGraphÊÇÒ»¿î»ùÓÚwebµÄ»æÖÆÁ÷³Ìͼ
µÄjavascript¿â¹¤¾ß£¬ËäȻĿǰ»¹ÉÐδÌṩע²á£¬²»¹ýºÃÔÚmxGraphÒѾ·Å³öÁËdemo£¬¿ÉÒÔÏÈÈ¥³¢ÏÊһϣ¬ËäÈ»»¹Óкܶ๦Äܲ»ÊÇÄÇôµÄÍêÉÆ¡£
¸ü¶àmxGraphÐÅÏ¢
JavaScriptͼÏñ´¦Àí ImageFX
¸Ã JavaScript ¿âΪͼƬÌí¼ÓЧ¹û£¬ÈçÐ黯£¬Èñ»¯£¬¸¡µñ£¬¼ÓÁÁµÈ¡£ImageFX
ʹÓû²¼¶ÔÏóʵÏÖÕâЩЧ¹û£¬¼æÈÝËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¡£Õâ¸ö¿â·Ç³£ÈÝÒ×ʹÓã¬Ö»Òª½« .js ¿âÎļþ²åÈëÍøÒ³£¬µ÷ÓÃÄÇЩº¯Êý¼´¿É¡£
¸ü¶àImageFXÐÅÏ¢
JSXGraph
(Ç¿ÁÒÍÆ¼öÕâ¸ö,·Ç³£²»´í,Õâ¸ö¿â·Ç³£ÍêÉÆ)
JSXGraph ÊÇÒ»¸öÖ§³Ö¸÷ÖÖä¯ÀÀÆ÷µÄ½»»¥Ê½¼¸ºÎͼ¿â»æÖÆ¡£JSXGraph ʹÓà SVG ºÍ VML.
http://jsxgraph.uni-bayreuth.de/wiki/index.php/Main_Page
ÕâÊÇÆä°ïÖúÎĵµWiki
¸ü¶àJSXGraphÐÅÏ¢
JavaScriptͼÏñ´¦Àí Pixastic
Pixastic ʹÓà HTML5
»²¼¶ÔÏó£¬ÔÊÐí¶ÔÔʼÏñËØ½øÐвÙ×÷¡£Ð§¹û°üÀ¨È¥±¥ºÍ¶È£¬»Ò¶È¼¶£¬·´×ª£¬ÁÁ¶È£¬¶Ô±È¶Èµ÷Õû£¬É«µ÷£¬±¥ºÍ¶Èµ÷Õû£¬ÒÔ¼°¸¡µñ£¬Ð黯µÈЧ¹û¡£ÒòΪÓõ½ÁË HTML 5
µÄ»²¼¶ÔÏó£¬Òò´Ë»¹ÎÞ·¨¼æÈÝËùÓÐä¯ÀÀÆ÷¡£
¸ü¶àPixasticÐÅÏ¢
BINViz
BINViz(Bidirectional Interactive Network Visualization) is a
JavaScript library for network and graph visualization. The goal of this tool is
to provide a better way to visualize complex graphical models and the underlying
data in a web-based environment ...
¸ü¶àBINVizÐÅÏ¢
ÁíÍâ,ÓÖÔÚÍøÉÏÕÒµ½ÁËÕâôһ¶Î,
Èç¹ûÎÒÃÇÏëÓÃjavascript»Í¼£¬µ±Ç°¿ÉÒÔͨ¹ýʲô;¾¶ÊµÏÖÄØ£¿Ê×ÏÈÔÛÃÇÏÈ˵ºÃ£¬jfreechartÄÇÖÖºǫ́Éú³ÉͼƬ·¢Ë͵½Ç°Ì¨µÄ·½·¨¾Í²»Òª°üÀ¨½øÀ´ÁË£¬ÎÒÃǾÍÅÅÁÐÒ»ÏÂhtml+js½øÐлͼµÄ·½Ê½¡£
1.ʹÓÃä¯ÀÀÆ÷Ö§³ÖµÄͼÐÎÒýÇæ£¬±ÈÈçieϵÄvml
£¬firefox
,opera,safariÖ§³ÖµÄsvg»òÕßcanvas¡£
2.http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
£¬ÕâÊÇÒ»¸öÏ൱´¿ÕýµÄjsͼÐο⣬ËüÌØÁ¢¶ÀÐеĵط½¾ÍÊÇ£º“ÍêȫʹÓÃdivÀ´»Í¼¡£”
3.http://excanvas.sourceforge.net/
£¬googleÌṩµÄ¹¤¾ß¿â£¬¿ÉÒÔÔÚieÏÂʹÓÃvml
Ä£Äâ
Ïà¹ØÎĵµ£º
ÄÄλʦ¸çʦ½ãÄܹ»°ïæ½â¾öһϣ¬ÔÚjsp½Å±¾ÖÐÄÜ·ñµ÷ÓÃjavascriptº¯Êý£¬Èç¹ûÄÜÔõôµ÷Óã¿
¾ÍÊÇ˵¼ÙÈçÒ»¸öjavascript º¯ÊýÓÐÒ»¸ö·µ»ØÖµÈçreturn“a”;
ÔÚjsp½Å±¾ÖÐÉùÃ÷Ò»¸öStringÀàÐ͵ıäÁ¿Ôõôµ÷ÓÃÉÏÃæµÄº¯ÊýÀ´½ÓÊÜ·µ»ØµÄÖµ£¡
Ï£ÍûÄܰïæ½â¾öÏÂ,ллÁË£¡ ......
¿Í»§¶Ëä¯ÀÀÆ÷²»Ö§³Öµ±Ç°JavaScript½Å±¾´æÔÚÈçÏÂÈýÖÖ¿ÉÄÜ£º
¿Í»§¶Ëä¯ÀÀÆ÷²»Ö§³ÖÈκÎJavaScript½Å±¾£»
¿Í»§¶Ëä¯ÀÀÆ÷Ö§³ÖµÄJavaScript½Å±¾°æ±¾Óë¸Ã½Å±¾´úÂëʹÓõİ汾ËùÖ§³ÖµÄ¶ÔÏó¡¢ÊôÐÔ»ò·½·¨²»Í¬£»
¿Í»§¶ËΪÁ˰²È«Æð¼û£¬ÒѾ½«ä¯ÀÀÆ÷¶ÔJavaScript½Å±¾µÄÖ§³ÖÉèÖÃΪ½ûÖ¹¡£
ÒÔÉÏÈýÖÖÇé¿ö×ܽáÆðÀ´£¬¾ÍÊÇä¯ÀÀÆ÷¶ ......
±¾À´×¼±¸¿ª½²jQueryÔ´Âëѧϰ±Ê¼ÇÁùµÄ£¬µ«ÐÄÖÐÓзð²ÅÄÜ¿´µ½·ð£¬ÓÐЩÈËÁ¬Ñ¡ÔñÆ÷¶¼²»ÖªÊ²Ã´¶«Î÷£¬Ö±½Ó½²ÏÂÈ¥£¬¹À¼ÆÓÐÈ˻ῴµÃÔÆÀïÎíÀÂúÍ·ÎíË®ÁË¡£¼ÓÖ®£¬John ResigÓÐÒ»ÖÖ°Ñ´úÂëдµÃ²»ÖªËùÔÆµÄħÁ¦£¬ËûÓµÓÐÇ¿´óµÄÔ¦¼Ý´úÂëµÄʵÁ¦£¬Ëû×Ô¼º¿´µ±È»Ã»ÎÊÌ⣬ÆäËûÈËÔòÒªÃüÁË¡£³£³£ÊÇÒ»¾ä´úÂëµ÷Óü¸¸ö·½·¨£¬Ã¿¸ö·½·¨Ïà¸ô¼¸Ê®ÐÐÉõÖÁÉÏ ......
Ч¹ûÑÝʾµØÖ·£ºhttp://www.phzzy.org/code/drag/google_drag.html
ÍÏ×§ÔÀí£º
¹ØÓÚÍÏ×§µÄ»ù´¡£¬¿ÉÒԲο¼ÕâÆªÎÄÕ£¬½²µÃ·Ç³£²»´í¡£
http://www.sohotx.com/mzk/index.php/1007/ArticleContent/298.html
ÆäʵÔÀíºÜ¼òµ¥£¬¾ÍÊǰѰó¶¨Èý¸öʼþ£ºonmousedown , onmousemove , onmouseup¡£
ÔÚÊó±êµãÏÂʱ(onmousedown)° ......
<script language="JavaScript" type="text/javascript" >
<!--
.
//-->
</script>
.languageÒѾ±»ÆúÓ㬵«ÎªÁ˼æÈݾɰ汾ä¯ÀÀÆ÷¶ø±£Áô£¬ËùÒÔ½¨ÒéͬʱʹÓÃÕâlanguageºÍtypeÁ½¸ö
.<!--- / ......