有没有办法使用 javascript 控制 APNG 从哪个帧开始？

Question

我正在尝试在鼠标悬停时播放 APNG，然后在鼠标悬停时获取 APNG 所在的帧，然后使用该帧播放反转的 APNG，以便平滑过渡。我试着四处寻找，但真的找不到太多。

基本上我想做这样的事情：

<img src="regular_png.png" id="apng">

document.getElementById("apng").onmouseover = function() {
  this.src = "apng1.png";
}
document.getElementById("apng").onmouseout = function() {
  // Get the current frame the apng is on
  this.src = "apng2.png";
  // Start apng2.png from total # of frames - current frame from apng1.png
}

Answer 1

您可以将 APNG 转换为 PNG[]，其中的元素通过 canvas.drawImage(...) 顺序显示（计数器），并由 canvas.onmouseover 和 canvas.onmouseout 介导。