SVG VS Canvas在笔记应用程序中

时间:2011-11-16 04:47:59

标签: javascript canvas svg

我已经阅读了这个比较问题的过去几个答案。但是没有找到满意的答案来解决我的具体情况。

我想使用SVG或Canvas记录应用程序。但是很难在SVG或Canvas之间做出决定。

笔记记录应用程序应该是简单的(仅绘图/书写+删除)功能。 我猜SVG和canvas都可以工作。但对于这项特殊任务,Canvas是否比SVG更容易编程呢?

感谢

3 个答案:

答案 0 :(得分:2)

因为你提到擦除,所以Canvas会更容易。因为canvas是位图图形,要擦除某些内容,只需清除要删除的特定像素即可。

要在SVG中执行相同操作,您需要清除整个形状或确定如何修改形状以仅擦除它们的一部分 - 或者使用白色或任何背景颜色在顶部添加新形状。

答案 1 :(得分:1)

本文很好地概述了差异以及为什么选择其中之一:http://blogs.msdn.com/b/ie/archive/2011/04/22/thoughts-on-when-to-use-canvas-and-svg.aspx

基本上画布是基于像素的,而SVG是基于对象的。

如果您需要知道之后点击的形状,则SVG更容易。

如果您只想尽快绘制内容,那么画布可能是您最好的选择。

答案 2 :(得分:0)

我不知道究竟是什么“记笔记应用”,但看看这个svg edit