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

【问题标题】：How to draw multiple images on canvas one by one like a slideshow with fade-in and fade-out animation如何在画布上一张一张地绘制多个图像，就像带有淡入和淡出动画的幻灯片一样
【发布时间】：2014-01-29 14:25:49
【问题描述】：

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

【问题讨论】：

标签： java android imageview slideshow android-canvas

【解决方案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)

【讨论】：