javascript - 浏览器中的 2D Canvas

Question

我正在寻找一个框架或库来将浏览器用作二维“绘图”工具。

实际上绘图不是正确的词。它应该是在 Canvas 上添加、删除和移动 2D 对象和图像。这些对象应该是图形连接的。所以 - 在浏览器中输入一个 visio

我想对于像 dojo 或 prototype 这样的 javascript 库来说有点太多了，但是对于像 flex 或 openlaszolo 这样的 flash 框架呢？

谢谢!

Answer 1

大多数现代浏览器现在都支持 <canvas> HTML5 中的标记，它几乎可以满足您的要求。您可以使用 Javascript 直接在其上绘制。大多数现代浏览器还支持 SVG 图形格式，同样可以通过 Javascript 对其进行操作以实现一些非常时髦的效果。 canvas 和 SVG 的区别在于 canvas 用于位图图形，而 SVG 用于矢量。但两者都适用于二维绘图。

如果你需要一个库或框架，你可以尝试像 Raphael 这样的东西，这是一个很好的绘制矢量图形的JS库。它甚至支持旧版本的 Explorer，这是一个额外的好处。 (如果 SVG 不可用，它会回退到 VML)。