html5 - 如何检查画布上绘制的形状？

Question

我已经制作了一个网页，上面有一个画布，我们可以自由画画。现在我想知道有没有办法找到用户现在画了一个“方形”，“圆形”或“矩形”？我的意思是如果我在画布上画一个正方形，我怎么能写代码来检查我画了一个正方形？

Answer 1

与您合作的细节不多。

此外，“徒手”意味着非常不精确的形状。

所以这是确定你的形状的通用答案：

确定手绘形状的边界框（minX，maxX，minY，maxY）。

测试＃1：如果（maxX-minX）与（maxY-minY）大不相同，那么你有一个矩形。

测试＃2：将一个角落向中心。如果你快速穿过部分图纸，你就会有一个正方形。

通过消除过程，如果测试＃1和测试＃2失败，那么你有一个圆圈。