基于Canvas+Vue的弹幕组件的实现
发布时间：2020-05-11 07:08:11 所属栏目：编程 来源：站长网
导读：副标题#e# 最近由于项目需要定制化一个弹幕功能，所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿，和大家交流一下 弹幕效果 功能介绍 支持循环弹幕 弹幕不重叠 支持选择轨道数 支持弹幕发送 使用 npm i vue-barrage 参数配置 n
|
<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' }) 结语 总的来说这个组件还有可优化的空间，后续我会继续改进。 （编辑：核心网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
