html - HTML5 画布与 SVG/VML？

Question

请告诉我您如何看待 HTML5 Canvas 与 SVG/VML？在比较中给我优点和缺点。

谢谢！！！

Answer 1

HTML5 Canvas 只是位图的绘图表面。你设置了一个绘图（比如用颜色和线条粗细），绘制那个东西，然后 Canvas 不知道那个东西：它不知道它在哪里或它是什么，它只是像素。如果您想绘制矩形并让它们四处移动或可选择，那么您必须从头开始编写所有这些代码，包括记住您绘制它们的代码。

另一方面，您创建的每个 SVG/VML 元素都是 DOM 中的真实元素。默认情况下，这使您可以更好地跟踪您创建的元素，并使默认情况下处理鼠标事件等事情变得更容易。

画布对于更快的事情和繁重的位图操作（如动画）会更好，但如果你想要大量的交互性，它将需要更多的代码。