删除画布形状的问题

Question

我正在画布上涂鸦，

我遇到了一个问题，当我用背景颜色覆盖对象以擦除对象时，会留下原始形状的轮廓。

这是我正在使用的代码

是的，我没有使用矩形，因为圆圈可能会重叠。

    function erase(eraseColor) {
    ctx.fillStyle = ctx.strokeStyle = eraseColor || "#FFFFFF";
    drawCircle();
    ctx.fillStyle = ctx.strokeStyle = fillColor;
}

function drawCircle() {
    ctx.beginPath();
    ctx.arc(x, y, rad, 0, Math.PI * 2, true);
    ctx.closePath();
    ctx.fill();
}

Answer 1

我相信这是由于抗锯齿。 该效果不应出现在不需要抗锯齿的形状上（如矩形）。 画一个更大的擦除圆几像素（应该做一个）。

万一出现问题： 您不能关闭canvas的抗锯齿功能 。

正如Ray所建议的那样，您应该考虑使用基于帧的动画，该动画通过使用脏矩形进行了优化。

为此，您只需将矩形标记为脏的（如果矩形中的任何像素已更改）（例如，由于动画）。 然后，清除画布上的矩形（ clearRect ）并将其设置为剪贴矩形（ clip ）。 然后，您遍历画布上显示的所有元素，并检查它们是否与脏矩形重叠。 如果是这样，则绘制该元素，否则，请跳到下一个元素。