Javascript 在div/canvas上绘制不同的二维形状

我试图在包含固定尺寸图像的div上绘制二维形状（矩形、多边形、直线、箭头、虚线、圆）

我在javascript中找到了几个链接/库，它们允许这样做。在我的例子中，我还需要在图像上绘制的形状的坐标/点（形状属性），以便进一步保存到一些文件中并进行处理

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

是否有允许此类功能的库

---

非常感谢您对任何链接、参考、文章的输入。

画布API的级别相当低，一旦在画布上绘制了图像，就不可能对绘制的对象进行反思。将canvas元素视为通过绘图操作编辑的位图

---

您可能需要在canvas API上提供直观对象模型的签出功能。

我遇到了以下最适合我的要求的库

下面列出了更多链接

希望有人在搜索类似的东西时发现这个答案有助于解决他们的问题