我试图在包含固定尺寸图像的div上绘制2d形状(矩形,多边形,线条,箭头,虚线,圆)。
我在javascript中找到了几个允许这样的链接/库。在我的情况下,我还需要在图像上绘制的形状的坐标/点(形状的属性),以进一步保存到某个文件和处理。
稍后当我们访问同一个网页时,它应该从保存的文件中获取所有形状细节并显示它已经绘制,以便用户可以调整大小/更改它并再次保存。
是否有允许此类功能的库?
感谢您对任何链接,参考和文章的意见。
答案 0 :(得分:0)
Canvas API的级别相当低,一旦在画布上绘制了图像,就无法内省绘制的对象。可以将canvas元素看作是通过绘图操作编辑的位图。
您可能需要签出fabric.js,它在canvas API之上提供直观的对象模型。
答案 1 :(得分:0)
我遇到了最适合我要求的图书馆,
http://jsvectoreditor.googlecode.com/svn/trunk/index.html
下面列出了更多链接,
http://paperjs.org/tutorials/paths/creating-predefined-shapes/
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes
http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm
希望有人在寻找类似的东西,发现这个答案有助于解决他们的问题。