html5 - 如何檢查在畫布上繪製的形狀？

Question

我製作了一個網頁，上面有一個我們可以自由繪製的畫布。現在我想知道是否有一種方法可以找到用戶現在繪製了「方形」，「圓形」或「矩形」？我的意思是，如果我在畫布上畫一個正方形，我該如何編寫代碼來檢查是否畫了一個正方形？

Answer 1

與您合作的細節並不多。

此外，「徒手畫」意味着非常不精確的形狀。

所以這裏有一個通用的答案，以確定您的形狀：

確定手繪形狀（其minX，maxX的，MINY，美星）的邊框。測試＃1：如果（maxX-minX）與（maxY-minY）大不相同，那麼你有一個矩形。

測試＃2：朝中心走一個拐角。如果你快速穿過圖紙的一部分，你有一個正方形。

通過淘汰的過程，如果測試＃1和測試＃2失敗，那麼你有一個圓圈。