使用画布确定形状创建

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 ² ＆lt; [R ²

r - radius

这是圆圈的一组点。

符合公式不等式的 x 和 y 的所有值都在圆圈内。

因此，请检查值为(-r< x <r,-r< y <r)的点是否为真。

并检查点(r+1,r+1) (r+1,-r-1) (-r-1,r+1) (-r-1,-r-1)是否为假