如何檢查畫布對象是否互相重疊

Question

我試圖檢查HTML5畫布上的兩個對象（例如矩形和三角形）是否互相重疊。

目前我只能通過查看屏幕（已設置globalCompositeOperation ='lighter'）來檢查。

我的第一個想法是，如果畫布中存在「更輕」（比較代碼片段）顏色，則應該掃描整個畫布。但爲此，我必須看看每一個像素，而這對我所需要的成本來說非常昂貴。

是否有一個（更好的）替代方法來自動檢查它們是否重疊？

此致敬禮。

Answer 1

下面的站點解釋瞭如何使用分離軸定理來確定兩個凸形狀是否重疊。

http://www.codezealot.org/archives/55

要使用這一點，你需要知道在contstructing形狀使用的座標數據。