¿ªÔ´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
Ä£Äâ
Ïà¹ØÎĵµ£º
¿Í»§¶Ëä¯ÀÀÆ÷²»Ö§³Öµ±Ç°JavaScript½Å±¾´æÔÚÈçÏÂÈýÖÖ¿ÉÄÜ£º
¿Í»§¶Ëä¯ÀÀÆ÷²»Ö§³ÖÈκÎJavaScript½Å±¾£»
¿Í»§¶Ëä¯ÀÀÆ÷Ö§³ÖµÄJavaScript½Å±¾°æ±¾Óë¸Ã½Å±¾´úÂëʹÓõİ汾ËùÖ§³ÖµÄ¶ÔÏó¡¢ÊôÐÔ»ò·½·¨²»Í¬£»
¿Í»§¶ËΪÁË°²È«Æð¼û£¬ÒѾ½«ä¯ÀÀÆ÷¶ÔJavaScript½Å±¾µÄÖ§³ÖÉèÖÃΪ½ûÖ¹¡£
ÒÔÉÏÈýÖÖÇé¿ö×ܽáÆðÀ´£¬¾ÍÊÇä¯ÀÀÆ÷¶ ......
ʲôÊDZհü(closures):
±Õ°ü¾ÍÊÇÄÚ²¿º¯Êýͨ¹ýijÖÖ·½Ê½Ê¹Æä¿É¼û·¶Î§³¬³öÁËÆ䶨ÒåµÄ·¶Î§,Õâ¾Í²úÉúÁËÒ»¸öÔÚÆ䶨Ò巶ΧÄڵıհü.
ÕâÊÇÎÒÀí½âºóµÄÒ»¸ö¶¨Òå,ºÇºÇ!ºÜ»Þɬ°É!²»¹ýû¹Øϵ,¿ÉÒÔÏÈ¿´¿´ÏÂÃæµÄ½²½â.
Ò» ÄÚ²¿º¯Êý(inner function)
javascriptÊÇÖ§³ÖÄÚ²¿º¯ÊýÉêÃ÷(inner func ......
JS×Ô´øº¯Êý
concat
½«Á½¸ö»ò¶à¸ö×Ö·ûµÄÎı¾×éºÏÆðÀ´£¬·µ»ØÒ»¸öеÄ×Ö·û´®¡£
var a = "hello";
var b = ",world";
var c = a.concat(b);
alert(c);
//c = "hello,world"
indexOf
·µ»Ø×Ö·û´®ÖÐÒ»¸ö×Ó´®µÚÒ»´¦³öÏÖµÄË÷Òý£¨´Ó×óµ½ÓÒËÑË÷£©¡£Èç¹ûûÓÐÆ¥ÅäÏ·µ»Ø -1 ¡£
var index1 = a.indexOf("l");
//index1 ......
alert(parseInt("101101", 2))
ÔËÐдúÂë
function toBin(intNum) {
var answer = "";
if(/\d+/.test(intNum)) {
while(intNum != 0) {
answer = Math.abs(intNum%2)+answer;
intNum = parseInt(intNum/2);
}
......
Ò»¡¢ ÔÚ×Ô¶¨ÒåcssÑùʽÖÐÊäÈë </style> ½«css´úÂë¶Î½áÊø£»
¶þ¡¢ ÔÚ </style> ºóÃæÊäÈë <script type="text/javascript" language="javascript">js´úÂë</script>£»
Èý¡¢ ±£´æÅäÖþͿÉÒÔÓÐÄãÊäÈëµÄjsÌØЧÀ²¡£
ÓÉÓÚ±¾È˶Ôjs²»ÊǺÜÊìϤ£¬ÕâÀï¾Í²»Ð´Àý×ÓÁË£¬Ï£Íû ......