javascript - 在 Javascript 中的图像上绘图

Question

我想让用户在浏览器中绘制图像。换句话说，我需要位图图形和绘图功能，无论是矢量还是位图。

Canvas 看起来不错，但是 IE 不支持，虽然有 ExCanvas，但我想知道 ExCanvas 是否足够稳定，可以在 IE6 到 8 中一致使用。

或者最重要的是，是否有开箱即用的支持所有这些的开源图像/绘图库？我找到了大约两打基于 Web 的图像编辑器或绘图工具，但没有一个支持这些要求。（而且我想避免使用 Flash/Flex/Silverlight/JavaFX。）

score 6 · Accepted Answer

看看RaphaelJS ...它是绘图功能的跨浏览器实现，在可用的情况下使用 Canvas、VML 或 SVG。我不确定它是否能让用户开箱即用，但它可能值得一看。

score 3 · Accepted Answer

即使你说你想避免它，我还是建议使用 Flash。您可以轻松使用 Flash 6 或 7，它们的采用率 > 90%。如果您可以使用 JavaScript 获得这种级别的支持，我会感到惊讶。Flash 真正实现了一次写入，随处运行，这将减少您的开发时间。

score 3 · Accepted Answer

3

查看道场 x

于 2008-11-20T10:17:49.387 回答

score 2 · Accepted Answer

使用dojox.gfx。它是跨浏览器（SVG/VML/Canvas/Silverlight），看起来符合要求。您可以从Dojo 主站点下载它。你可以试试它的测试和演示。警告：后两个链接会很慢，因为代码是为调试问题而设计的，而不是为了速度（没有最小化，没有合并，没有压缩，从文件服务器提供）。

score 1 · Accepted Answer

1

你也许可以用 VML 做到这一点

于 2008-11-20T10:23:38.953 回答

score 1 · Accepted Answer

1

这是我不久前遇到的一个非常聪明且非常广泛的库： JS-Graphics

于 2008-11-20T10:28:33.157 回答

score 0 · Accepted Answer

我会在 Kieron 的回答中添加一些内容；Water Zorn 的网站有一个功能非常完善的矢量图形包。我在一个大型应用程序中使用过它，它与 .NET 和手写 javascript 完美集成。我还使用他的拖放 API 来平滑拖动 html 元素。

7 回答 7