在div / canvas上绘制不同的2D形状

时间:2014-02-20 23:06:30

标签: javascript html

我试图在包含固定尺寸图像的div上绘制2d形状(矩形,多边形,线条,箭头,虚线,圆)。

我在javascript中找到了几个允许这样的链接/库。在我的情况下,我还需要在图像上绘制的形状的坐标/点(形状的属性),以进一步保存到某个文件和处理。

稍后当我们访问同一个网页时,它应该从保存的文件中获取所有形状细节并显示它已经绘制,以便用户可以调整大小/更改它并再次保存。

是否有允许此类功能的库?

感谢您对任何链接,参考和文章的意见。

2 个答案:

答案 0 :(得分:0)

Canvas API的级别相当低,一旦在画布上绘制了图像,就无法内省绘制的对象。可以将canvas元素看作是通过绘图操作编辑的位图。

您可能需要签出fabric.js,它在canvas API之上提供直观的对象模型。

答案 1 :(得分:0)