Я пытаюсь воспроизвести 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
}