大家好，我是爱你三千遍斯塔克，这里我们介绍一下绘制弹幕的相关知识，如何设置一个合适的轨道，里面的弯弯绕绕比较多，这里有一些资料可供大家参考，希望对大家有帮助：
“希望你喜欢我的内容，记得关注我哦！我会继续为大家带来更好的作品！”学习交流群：293911833，有遇到问题的，可以加一下群，大家互相交流，一起进步
1、接下来，我们来绘制一下弹幕
2、这个网址里面写了一个不错的帖子，有需要的同学可以去看一下，这里创建一个js文件
3、创建一个Barrage.js文件，首先我们先创建
4、先创建Barrage.js文件
5、现在我们先写一个构造函数
6、首先我们传入canvas这个函数
7、首先我们先把这个canvas 组件传入进去
8、画板的宽度和画板的高度
9、弹幕的轨道值
10、设置轨道值和字号
11、首先我们先获取一下我们canvas画板，利用getElementById进行获取，先获取到canvas对象
12、这里的context就是我们绘制的弹幕
13、 获取2d的弹幕对象，这个2d为绘画的本身
14、把他获取到本身类的信息
15、存储正在发送的弹幕，存储待发送的弹幕
16、这里打开画图3D，利用画图3D
17、这是我们获取到的canvas
18、我们先给他规定一个轨道，他会随机选一个没有滚动的轨道，不让弹幕乱飞，上下有重叠
19、为了不避免重复，这里我们让后面的弹幕，落到下面的轨道
20、那么没有发送的弹幕怎么办呢？我们使用一个textList列表进行储存
21、如果轨道列被占满了，下面的才会补全这个轨道
22、
23、这里我们给font进行一个拼接
24、这里设置一下字体
25、设置弹幕内容的轨道
26、设置初始化值和函数
27、是否完成绘画的标志和.....
28、我们先给他定义一个最多行的弹幕，为什么?一个屏幕最多装四个，你不能给他装10个，他装不了
29、我们的轨道数一定要比字号要大
30、如果紧贴着，并不美观，上下错开一点，就好看多了
31、利用三元表达式设计轨道
32、hightwayAmount就是我们规定的轨道数 
33、放进去，弹幕就会从这个顶进行输出
34、初始化弹幕轨道设计完成
