HTML5 Canvas vs SVG / VML？

Question

请告诉我您对HTML5 Canvas与SVG / VML的看法如何？给我比较的优点和缺点。

谢谢!!!

Answer 1

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

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

Canvas对于更快的事物和繁重的位图操作（如动画）会更好，但如果你想要很多交互性，它会占用更多的代码。