APNG动图在IE浏览器播放实例页面

回到相关文章 »

效果：

默认APNG

apng-canvas.js处理后

//zxx: IE10+浏览器打开，看看效果如何？

代码：

CSS代码：

img, 
canvas { 
    width: 190px; height: 191px;
}

HTML代码：

<h4>默认APNG</h4>
<img src="./chip.png">
<h4>apng-canvas.js处理后</h4>
<img id="chip" src="./chip.png">

JS代码：

<script src="./apng-canvas.min.js"></script>
<script>
APNG.ifNeeded().then(function() {
    APNG.animateImage(chip);
});
</script>