基于Javascript的图像编辑工具canvas或SVG

Question

我正在构建一个基于javascript的图像编辑工具。目前，我正在使用Canvas来做这件事，但有时我会感觉到，我的道路上充满了未经记录的东西和随机的黑客攻击。而且我还没有弄明白很多事情，比如如何允许用户在canvas中输入内容？如何检测画布上的绘制对象并允许用户移动它们？

同时，我在SVG中寻找类似的东西，SVG Edit似乎是我想要的东西(除了我必须做很多定制才能使用它，这不一定是不好的)。

所以我的问题是，考虑到IE支持不是优先考虑的，哪种工具在构建这些东西方面更成熟。

Answer 1

他们做了不同的事情。绘制到画布上的东西不是“可移动的”，因为它们不是对象，只是像素。另一方面，SVG不允许您以合理的方式绘制像素。

我认为这份白皮书对于任何计划或开始使用Canvas和SVG进行编辑的人来说都是一个令人难以置信的资源。它提供了一个令人惊叹的视角，展示了比赛场地的样子。

http://www.svgopen.org/2009/papers/54-SVG_vs_Canvas_on_Trivial_Drawing_Application/

摘自论文：

在本文中，我们将使用

创建一个小型矢量绘图应用程序，并使用Canvas创建一个小型像素绘图应用程序。然后我们将交换平台:我们将创建一个使用SVG的像素绘图应用程序，以及一个使用Canvas的矢量绘图应用程序。这个实验提供了关于这两种技术的局限性的有用信息。