javascript - "Draw"在 HTML 和 Javascript 中的图像之上

标签 javascript html

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

我们需要这个应用程序在基于桌面和平板电脑的浏览器上工作,所以 Flash、Java 和 Silverlight 都被淘汰了。我们希望支持 IE8+、FF、Chrome 和 Safari。是否有任何类型的 Javascript 库可以提供某种形式的原始 MS-Paint 类绘图功能,以便我可以将该数据发送到服务器?

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

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

最佳答案

您可以使用 html Canvas 元素或使用像 Raphael 这样的 SVG 库例如http://ianli.com/sketchpad/是一个使用 Raphael 的库。

关于javascript - "Draw"在 HTML 和 Javascript 中的图像之上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10324949/

相关文章:

javascript - 使用 Highcharts 更新数据会改变初始设置

javascript - 如何使用javascript或reactjs压缩存储在浏览器中的BLOB图像并上传到服务器

javascript - 使用 Vuex 和 Vue Router 渲染函数 : “TypeError: Cannot read property of undefined” , 时出错

javascript - 带图像的 jQuery 滑动菜单

javascript - Jquery Accordion 关闭

Javascript 库未加载以用于加载页面的部分 View

javascript - 在音频元素中播放 Spotify 歌曲预览

javascript - 使用变量引用 javascript 数组

regex - 输入模式支持正则表达式的哪些变体?

javascript - 焦点不适用于输入