我需要用鼠标光标在 HTML5 画布上绘制一个形状，例如正方形或圆形；并且它应该是可调整大小的，然后，当用户完成绘图时，画布内的形状的坐标应该是可检索的。
关于如何使用 JavaScript 实现这一点的任何想法？
谢谢
问问题
1622 次
2 回答
0
您可能会对JavaScript 库Paper.js感兴趣。解释网站介绍 - “这提供了一个使用 HTML 5 Canvas 的矢量图形框架”
于 2012-05-03T20:45:35.917 回答
0
Canvas 对您正在绘制的对象的性质一无所知。这意味着比调用arc方法之后，你得到的只是屏幕上的一堆像素。
这里有两种方法 - 您可以在画布上编写自己的对象模型包装器。每次你要画东西时，你应该存储对象信息——形状、坐标和其他任何需要的东西。这是一种相当不错的方法，但请注意——它并不像人们想象的那么微不足道。
第二种方法是使用 SVG 而不是画布，并从盒子中获取对象模型。
于 2012-05-03T08:53:18.140 回答