Vue利用Canvas实现逐帧播放图片不闪烁(Vue解决逐帧播放图片闪烁问题)
Vue利用Canvas实现逐帧播放图片不闪烁前言Vue代码实现实现效果前言Vue采用<el-image :src="src"></el-image>,通过动态改变图片地址来实现逐帧播放图片会引起严重的闪烁问题。原因是因为采用这种方式每次在切换图片时它都会先销毁上一张图片,从而暴露出背景颜色,再加载新的图片,因此产生严重的闪烁问题。要想解决此问题可以利用Canvas将图片绘制在画布上,当加载新图片时不去销毁上一张图片,这样就能解决逐帧播放图片闪烁的问题了。接下来先展示下我们一会逐
原创
2020-12-28 00:56:01 ·
3018 阅读 ·
3 评论