html - 使用 HTML 5 画布在图像上绘制一些矩形

Question

在我的 Web 应用程序中，我希望用户能够在图像上绘制一些矩形，还可以更改矩形的大小并拖放它们。之后我必须获取矩形的坐标并将它们发送到服务器的数据库
是在照片上创建画布还是在画布中加载图像更好？
我还没有编写任何代码，因为我不知道该怎么做。

任何想法、建议、链接、库？

Answer 1

正如评论所说，画布是一个很好的选择，但你需要做一些编码才能让它工作。

实际上，我有一个关于通过绘制矩形和移动它们来使 Canvas 交互的教程。它应该为您提供该项目的良好开端。

还有一些库，例如fabricJS，但如果不深入库，可能很难获得坐标。