如何在画布上逐个绘制多个图像，就像带有淡入和淡出动画的幻灯片一样

Question

我正在开发一个动态壁纸，我是新手，陷入了这个问题，谁能告诉我如何在画布上一个接一个地绘制图像，就像带有淡入和淡出动画的幻灯片一样。我能够在视图和布局上执行此动画，但我不知道在画布上运行它们。请帮忙！

Answer 1

不确定你的意思是java还是javascript

关于淡入解决方案的一些线索：

var delta = 0;
var interval = 0;
var duration = 2000;
setInterval(function() {
  ctx.globalAlpha = 1.0;
  ctx.drawImage(oldImage);
  ctx.globalAlpha = delta / duration;
  ctx.drawImage(nextImage);
  delta += interval;
}, interval);

• 考虑使用 requestAnimationFrame 而不是计时器

• 使用 （new Date）.getTime（） 计算实际增量

• 使用一些缓动方程 - 例如：

alpha = Math.sin(0.5 * Math.PI * delta / duration)