Html5 canvas 创建fadeIn效果

我正在尝试使用canvas元素创建一个幻灯片，效果很好。单击“下一步”，您将看到另一张图片。 我想在下一张图片显示时添加一个从左到右的fadeIn效果，但我不知道怎么做。 我试过的东西都不管用

---

有没有办法解决这个问题？

看看

globalAlpha

方法。通过更改此值（介于0和1之间），可以更改画布上下文的alpha值：

ctx.globalAlpha = 0.5; // half faded

使用变量增加/减少每个循环的值，可以创建淡入/淡出效果