SVG和HTML5画布有什么不同?他们似乎都对我做了同样的事.基本上,它们都使用坐标点绘制矢量插图.
我遗漏了什么?SVG和HTML5画布之间的主要区别是什么?为什么我要 Select 一个而不是另一个呢?
SVG和HTML5画布有什么不同?他们似乎都对我做了同样的事.基本上,它们都使用坐标点绘制矢量插图.
我遗漏了什么?SVG和HTML5画布之间的主要区别是什么?为什么我要 Select 一个而不是另一个呢?
参见维基百科:http://en.wikipedia.org/wiki/Canvas_element
SVG是早期的绘图标准
在上面的示例中,一旦 绘制矩形,事实是它 被系统遗忘了. 如果它的位置改变了, 整个场景需要 重绘,包括任何符合以下条件的对象 可能已经被 矩形.但在等价的SVG中 情况下,只需更改 矩形的位置属性 浏览器将确定如何 重新粉刷一下.此外,还可以执行以下操作 分层绘制画布,然后 重新创建特定图层.
SVG图像用XML表示,并且 可以创建复杂的场景并 使用XML编辑工具进行维护.
SVG场景图启用事件
从概念上讲,画布是一个较低的层次
更新: 我使用SVG是因为它的标记语言能力-它可以由XSLT处理,并且可以在其 node 中保存其他标记.同样,我可以在我的标记中保留SVG(化学).这允许我通过组合标记来操作SVG属性(例如,呈现).这在画布上可能是可能的,但我怀疑要难得多.