在Javascript中绘制图像顶部

时间:2008-11-20 09:49:22

标签: javascript image browser graphics draw

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

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

或者最重要的是,是否有开源图像/绘图库支持所有这些开箱即用?我发现了大约二十几个基于Web的图像编辑器或绘图工具,但没有一个支持这些要求。 (我想避免使用Flash / Flex / Silverlight / JavaFX。)

7 个答案:

答案 0 :(得分:6)

看看RaphaelJS ...它是绘图函数的跨浏览器实现,使用Canvas,VML或SVG(如果可用)。我不确定它是否允许用户开箱即用,但它可能值得一看。

答案 1 :(得分:3)

即使你说你想避免它,我也建议使用Flash。您可以轻松使用Flash 6或7,这些都有一个>采用率达90%。如果你能用JavaScript获得那种程度的支持,我会感到惊讶。 Flash可以在任何地方运行一次,这将缩短您的开发时间。

答案 2 :(得分:3)

答案 3 :(得分:2)

使用dojox.gfx。它是跨浏览器(SVG / VML / Canvas / Silverlight),看起来它符合要求。您可以从the main Dojo site下载。您可以试用testsdemos。警告:后两个链接速度很慢,因为代码适用于调试问题,而不是速度(未最小化,未组合,未压缩,从文件服务器提供)。

答案 4 :(得分:1)

您可以使用VML

进行此操作

http://en.wikipedia.org/wiki/Vector_Markup_Language

答案 5 :(得分:1)

这是一个非常聪明且非常广泛的图书馆,我偶然发现: JS-Graphics

答案 6 :(得分:0)

我想补充一下Kieron的回答; Water Zorn的网站有一个非常精美的矢量图形包。我在一个大型应用程序中使用它,它与.NET和手写javascript精美集成。我还使用他的拖放API来平滑拖动html元素。