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>