使用畫布確定形狀的創建

Question

我想用JavaScript測試是否創建了畫布形狀。

例如：我正在創建一個圓：

context.beginPath();
context.fillStyle = this.color;
context.arc(this.x, this.y, this.radius, 0, 2 * Math.PI, false);
context.fill();
context.stroke();
context.closePath();

在這一刻，想創建一個圓圈。 我正在考慮像這樣測試它：

context.isPointInPath(this.x+1,this.y+1) == true;

但是我覺得這不是很優雅。 有人有更好的主意嗎？

Answer 1

x ² + y ² <r ²

r-半徑

這是一個圓的一組點。

滿足公式不等式的所有x和y值都在圓內。

因此，請檢查一個值為(-r< x <r,-r< y <r)是否為真。

並檢查點(r+1,r+1) (r+1,-r-1) (-r-1,r+1) (-r-1,-r-1)為假