Konva.js: 改变满足条件的点的颜色

要将满足条件的点在canvas上重新改变颜色，您可以使用Konva.js库来操作canvas元素。首先，您需要在HTML文件中引入Konva.js库。

然后，您可以使用以下代码来改变满足条件的点的颜色：

// 假设this.newData是一个包含点坐标的数组

// 遍历满足条件的点
this.newData.forEach(point => {
  if (point.x >= this.rect.attrs.x &&
    point.x <= (this.rect.attrs.x + this.rect.attrs.width) &&
    point.y >= this.rect.attrs.y &&
    point.y <= (this.rect.attrs.y + this.rect.attrs.height)) {
    // 获取对应的canvas上的点
    let canvasPoint = this.stage.findOne(`.${point.id}`);

    // 改变点的颜色
    canvasPoint.fill('red');
  }
});

// 更新canvas
this.stage.batchDraw();

上述代码中，假设point对象包含一个id属性，表示对应的canvas点元素的类名。您可以根据实际情况进行调整，确保point对象与canvas上的点元素相匹配。

最后，使用stage.batchDraw()方法来更新canvas，以显示颜色的改变。

请注意，上述代码中的this.stage是Konva.js库中的舞台对象，您需要根据自己的代码逻辑来获取正确的舞台对象。同样，this.rect是一个矩形元素对象，您也需要根据自己的代码逻辑进行调整。