html5 canvas元素和svg

Ste*_*ini 24 html5 svg

为什么我们需要html5 canvas元素,同样可以通过嵌入式svg实现?

小智 35

SVG和canvas并不是真正可互换的技术.SVG是一种保留模式图形,其中所有内容都是从一个相当抽象的模型(SVG文档)中提取的.另一方面,Canvas是一种立即模式图形,没有模型,客户端(JavaScript)必须处理重绘,动画等.

  • Jennifer Yu说SVG非常适合高分辨率,Canvas适用于快速动画.她建议在Mix 11的视频中同时使用两者:http://media.ch9.ms/ch9/FDB1/595AD4A8-9399-439C-840A-9EAF0092FDB1/MIX11HTM15_high_ch9.mp4 (7认同)

Gre*_*ger 17

SVG是矢量图形的标记语言,具有DOM.这使得在创建内容后很容易改变内容.

Canvas是一个绘画表面,就像MS Paint一样没有撤消按钮.您无法更改内容.你只能重写它.它非常高效,因为浏览器不需要为图像处理完整的DOM.并且画布有可能在将来处理3D绘图.


Nic*_*lay 6

http://people.mozilla.com/~vladimir/xtech2006/有很好的比较.

使用canvas,您不必处理DOM,这样可以更快,更轻松地编写代码.SVG也是一个混乱的规范,...

  • 你在这里有一些链接腐烂..是否有替代链接? (4认同)