确定形状创建与画布

Determine shape creation with canvas

本文关键字:创建      更新时间:2023-09-26

我想用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;

但是我不觉得这很优雅。有人有更好的主意吗?

x <一口> 2> 2>

r -半径

这是圆的点的集合。

xy满足公式不等式的所有值都在圆内。

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

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