Html 更换画布上的图像遮罩问题

我有一个汽车图像，我需要在画布的帮助下在轮胎和眼镜上产生闪烁效果

为此，我使用了画布绘制图像功能，它工作正常，但问题是当我悬停在轮胎标签上时，轮胎应该闪烁，当我悬停在玻璃标签上时，眼镜应该闪烁，但它只发生一次

比如，如果我先在轮胎标签上悬停，然后使用闪烁功能闪烁，但当我鼠标移出并在玻璃标签上悬停时，这一次也会闪烁效果，但在轮胎上（在第一个悬停标签上），而不是在玻璃上，因为在我的代码中，它会绘制一次图像，直到两者都具有不同的功能

我在网上搜索了很多答案，但都没有找到。我已经使用了clearRect函数，但我认为我的第一个图像并没有被删除

我正在使用以下代码创建图像：

context.clearRect(0, 0, canvas.width, canvas.height);                   
context.save();
context.drawImage(mask, 0, 0); //mask
context.fillStyle= ""; //fill color style
context.fillStyle= "#6600ee"; //fill color style
context.fillRect(0, 0, canvas.width, canvas.height);
context.globalCompositeOperation = "destination-atop";
context.drawImage(shadow, 0, 0); //shadow
context.drawImage(glossreflection, 0, 0); //reflection                  
context.restore();

并尝试通过以下方式在鼠标离开时删除：

context.clearRect(0, 0, canvas.width, canvas.height);

---

我还发出了警报，所有这些都在工作，但我不了解这个问题。

您应该添加更多的代码，以便我们了解您如何操作鼠标。您能为我们创建一个提琴，以便我们有更多的思考。我没有提琴帐户和主代码，我已经复制了，先生