如题所述
canvaså
¶å®æ¬è´¨æ§å¶çæ¯æ¸²æï¼ä¸ç®¡éé¢å¦ä½å¤æï¼æ¯ä¸æ¬¡æ¹åç»å¸é½éè¦éæ°æ¸²æï¼èsvgä¸éè¦ï¼æ以两è
å°±å¾è½å¸æ¾åèªç¨éï¼æ¯å¦canvasç渲æç¹æä¸éè¦å¤æçå±å è¿ç®ï¼åªéè¦è¾åºæç»ç渲æç»æï¼æ以æç好ï¼èsvgåªæ¯ç¨äºæè¿°äºç»´ç¢éå¾å½¢çä¸ç§å¾å½¢æ ¼å¼ï¼ä¿ç度è¾é« ï¼æ以谷æå°å¾ç¾åº¦å°å¾é½ä¼ç¨å°ï¼canvasæ§å¶çæ¯åç´ åï¼svgæ¯ç¢éä¿¡æ¯ã两è
æ¦å¿µä½ å¯ä»¥ç±»æ¯ä½å¾åç¢éå¾çæ¦å¿µï¼ä½å¾åçæ¯åç´ åï¼ç¢éå¾åçæ¯è·¯å¾ï¼canvasæ¯è¾åºæ¸²æåç´ åï¼svgæ¯è¾åºç¢éè·¯å¾ï¼å
¶å®åºå«é½æ¯å´ç»è¿ä¸ªå±å¼çï¼
温馨提示:答案为网友推荐,仅供参考
第1个回答 2018-08-04
Canvas是使用JavaScript程序绘图(动态生成),SVG是使用XML文档描述来绘图。
从这点来看:SVG更适合用来做动态交互,而且SVG绘图很容易编辑,只需要增加或移除相应的元素就可以了。
同时SVG是基于矢量的,所有它能够很好的处理图形大小的改变。Canvas是基于位图的图像,它不能够改变大小,只能缩放显示;所以说Canvas更适合用来实现类似于Flash能做的事情(当然现在Canvas与Flash相比还有一些不够完善的地方)。
关于最后一点二者谁更有前途:从上面我们可以知道二者是有不同用途的,作为一个开发者,你应该做的是理解应用程序的具体需求并选择正确的技术来实现它。
从这点来看:SVG更适合用来做动态交互,而且SVG绘图很容易编辑,只需要增加或移除相应的元素就可以了。
同时SVG是基于矢量的,所有它能够很好的处理图形大小的改变。Canvas是基于位图的图像,它不能够改变大小,只能缩放显示;所以说Canvas更适合用来实现类似于Flash能做的事情(当然现在Canvas与Flash相比还有一些不够完善的地方)。
关于最后一点二者谁更有前途:从上面我们可以知道二者是有不同用途的,作为一个开发者,你应该做的是理解应用程序的具体需求并选择正确的技术来实现它。