使用 HTML5 画布在图像上绘制一些矩形

Question

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

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

Answer 1

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

其实我有一个关于制作 Canvas 的教程interactive by drawing rectangles and moving them around. 它应该会给你这个项目一个好的开始。

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