Vue中加载apng动图

1. apng是什么

APNG（Animated PNG）是一种新型的图像格式，它是PNG图像格式的增强版本，可以在不失去图像质量的情况下实现更快的加载速度。

2. 为什么不用gif，多简单方便

APNG和GIF都是用于保存动态图像的图像格式，但它们之间有一些区别。
首先，APNG支持更高的颜色深度和更好的抗锯齿效果，这使得APNG动画更加逼真和流畅。
其次，APNG还支持更好的透明度支持，这意味着可以在不失去图像质量的情况下实现更好的透明度效果。
最后，APNG的压缩率比GIF更高，这使得网络传输速度更快，也能减少文件大小，降低服务器压力。

3. Vue中加载apng

3.1 引入依赖

yarn add vue-apng

3.2 使用

3.2.1 全局引入

import VueApng from 'vue-apng'

Vue.use(VueApng)

3.2.2 局部引入

import VueApng from 'vue-apng'

new Vue({
  components: {
    VueApng,
  }
})

3.4 展示