javascript - 确定使用画布创建形状

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)是否为假