基于Canvas+Vue的弹幕组件的实现

<barrage ref="barrage" class="barrage" :barrage-list="barrageList" :speed="speed" :loop="loop" :channels="channels"/> import Barrage from 'vue-barrage' // 弹幕数据初始化 this.barrageList = [{ content: '试数据测试数测试数据数测试数据', color: 'white' }] // 新增弹幕 this.$refs.barrage.add({ content: '增加一条新的弹幕增加一条新的弹幕', color: 'white' })

结语

总的来说这个组件还有可优化的空间，后续我会继续改进。

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!