【问题标题】:HTML5 Canvas vs SVG/VML? [closed]HTML5 画布与 SVG/VML? [关闭]
【发布时间】:2011-05-19 08:25:07
【问题描述】:

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

谢谢!!!

【问题讨论】:

标签: html canvas comparison svg vml


【解决方案1】:

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

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

Canvas 更适合更快的事情和繁重的位图操作(如动画),但如果您想要大量的交互性,则需要更多的代码。

【讨论】:

  • 有一个名为 Easel.js 的有用库,它可以让您从添加到画布中的对象中获取鼠标事件,检查一下。
猜你喜欢
  • 2012-04-27
  • 2015-03-20
  • 2016-12-18
  • 2016-10-11
  • 1970-01-01
  • 2012-01-16
  • 2013-07-19
  • 2014-06-11
  • 1970-01-01
相关资源
最近更新 更多