评论：canvas实现粒子线条效果  [查看原文]

财 ? 财1
2022/4/15 10:03:03
把背景图压在插件图层下面 利用z-index: ;控制图层

LTxuxu0
2018/1/31 9:00:53

一起进步哈

请问这个如何适配手机版

cw:1000,//画布宽
ch:500,//画布高

这个尺寸如何自适应大小呢

ldwsm0
2018/1/28 15:16:50

在最低下</body>前加个

<style>
    canvas{width: 100%}
</style>

陌路0
2018/1/31 20:16:09
我想请问下大神，这个如何适配手机版呢，在手机版上看起来这些线条都变的好大

clown＿活宝0
2019/6/3 10:30:35
同问

LTxuxu0
2018/1/22 23:05:56

我记得我代码更新上传了，我再传一次吧……

丶开学典礼唱忐忑0
2020/4/2 17:19:41
还是更改不了线条颜色呢楼主

丶开学典礼唱忐忑0
2020/4/2 17:23:14
不知道怎么删除回复，不好意思楼主，代码没有浏览完，没有问题的

楼主，如何把出现的小圆点颜色不同？？？求助？

LTxuxu1
2018/1/22 23:02:59

你可以试着改下源码，就是在move那个方法里，在this.ctx.stroke()之前设置下strokeStyle。如果颜色想随机，可以再写个生成随机颜色的函数。

这么宽度是 满屏

LTxuxu1
2017/12/27 11:31:57

我想到的办法是通过css设置

html,body{width:100%;height:100%;},

然后获取屏幕尺寸，调用的时候把尺寸传入。

var h = document.body.clientHeight,
    w = document.body.clientWidth;
var dotline = new Dotline({
    dom: 'J_dotLine', //画布id	
    cw: w, //画布宽	ch:h,//画布高	
    ds: 100, //点的个数	
    r: 0.5, //圆点半径	
    cl: '#9F9F9F', //粒子线颜色
    dis: 100 //触发连线的距离
}).start();

不知道是不是你想的效果？

Think you 拿着去学下

大神 膜拜

厉害了

6666