主要介绍了使用canvas实现一个vue弹幕组件功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

最近由于项目需要定制化一个弹幕功能，所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿，和大家交流一下 弹幕效果  功能介绍 支持循环弹幕 弹幕不重叠 支持选择轨道数 支持弹幕发送 使用 npm i vue-barrage 参数配置  name type default desc barrageList Array [] 弹幕数据 speed Number 4 弹幕滚动速度 loop Boolean true

看B站时，对弹幕的实现产生了兴趣，一开始想到用css3动画去实现，后来感觉这样性能不是很好，查了下资料，发现可以用canvas实现，于是就摸索着写了一个简单的弹幕。 弹幕功能 支持动态添加弹幕 弹幕不重叠 自定义弹幕颜色 效果图 demo  源码地址 前端框架选了比较熟悉的vuejs 弹幕滚动的基本思路就是通过定时器不断地改变弹幕的位置，时时重绘画布。 实现步骤 先加入一个canvas标签，这里有个注意点，关于设备像素比对canvas的影响，会出现绘图模糊。 // 如果单纯这样