在HTML&中的图像上“绘制”使用Javascript

时间:2012-04-25 22:54:43

标签: javascript html5

我正在构建一个网络应用程序,用户可以通过光标在其上“绘图”来标记图像。我们将用户绘图并将其发送到服务器以转换为PNG或其他格式进行存储。

我们需要这个应用程序适用于基于桌面和平板电脑的浏览器,因此Flash,Java和& Silverlight出局了。我们希望支持IE8 +,FF,Chrome和&苹果浏览器。是否有任何类型的Javascript库将提供某种形式的原始MS-Paint绘图功能,以便我可以将该数据发送到服务器?

This question是类似的,但我正在寻找能够编码有机,人类姿势的东西,而不是将它们画出来。

(不,为每个不同的移动平台创建本机应用程序不在我们的核心竞争力或预算范围内,因此这不是一个可行的替代方案。)

3 个答案:

答案 0 :(得分:7)

您可以使用html canvas元素或使用Raphael之类的SVG库,例如http://ianli.com/sketchpad/是使用Raphael的图书馆。

答案 1 :(得分:2)

您可以使用矢量图形渲染JavaScript库,例如Raphaël

Raphaël还支持广泛的用户代理,因为它使用VML for IE(< 9)或SVG用于现代浏览器。

答案 2 :(得分:0)

基本上,让<canvas/>元素覆盖您的<img/>并让用户在画布中“绘画”。

绘画功能将取决于您所需要的内容,而您没有明确指定,所以这就是我可以帮助的。