創建一個淡入效果

Question

我想創建一個使用畫布元素的幻燈片，這很好。通過點擊下一步，你會看到另一張照片。 我想添加一個淡入淡出效果，從左到右顯示下一張圖片時，但我不知道該怎麼做。 我嘗試過的所有東西都不起作用。

任何想法如何解決這個問題？

Answer 1

看看globalAlpha的方法。通過改變（0和1之間）這個值可以改變畫布上下文的α值：

ctx.globalAlpha = 0.5; // half faded 

使用一個變量，以增大/減小值的每個循環中，可以創建/淡出效果淡入。