评论：JBarrager jquery弹幕插件  [查看原文]

用了之后发现自己想要的是有序弹幕

_this.msgs[i].T=parseInt(Math.random() * 700);

修改为

 _this.msgs[i].T=parseInt((i*0.05) * 700);

完美解决问题

(2，＋∞)0
2019/4/16 10:38:14
这样弹幕之间就不会重叠了

var obj = [{
    msg: "万事如意"
}, {
    msg: "马到成功"
}];
setInterval(function() {
    $('canvas').barrager(obj);
    console.log(11);
}, 2000);

为何用变量的形式后，弹幕只能发一次，而无法循环呢

Sailiy1
2018/3/22 7:08:31
你的这个obj是数组，数组是引用类型的，你可以把这个var obj放到setInterval回掉函数里

Sailiy0
2018/3/22 7:09:02
这个插件主要是弹幕的实现思想，你随便修改使用

滚动在最上面的字有时会只显示一半T=parseInt(Math.random() * 700)改多少都没用

186638918381
2017/11/28 12:01:15

var vtop = parseInt(Math.random() * 250);
if (vtop < 20) {
    vtop = 20;
}
_this.msgs[i].T = vtop;

判断不会高于20px顶部不会裁剪，(Math.random() * 700)比画布的高度小几十个像素，底部不会被裁剪，完美解决

666

滚动在最上面或者最下面的字有时会只显示一半，请问这个该怎么解决？

186638918380
2017/11/28 13:04:30

var vtop = parseInt(Math.random() * 250);if (vtop < 20) {    vtop = 20;}_this.msgs[i].T = vtop;

判断不会高于20px顶部不会裁剪，(Math.random() * 700)比画布的高度小几十个像素，底部不会被裁剪，完美解决

Sailiy0
2017/7/27 16:42:23

最简单的方法是把canvas放到一个div里边，设置div的背景图片

Sailiy0
2017/7/27 16:52:37

当然，你也可以手动的在canvas上绘制图片，只需要在循环缓冲区前就可以了

您好，我想问一下 如果我的每一个弹幕都有一个背景色怎么设置  

Sailiy0
2017/7/27 16:41:46

http://www.rainx.org/2016/12/22/html5-canvas%E5%AE%9E%E7%8E%B0%E9%AB%98%E5%B9%B6%E5%8F%91%E8%A7%86%E9%A2%91%E5%BC%B9%E5%B9%95%E5%8A%9F%E8%83%BD/，请看代码注释，你可以在draw方法里， fillText前，画出该区域的背景色