评论：html5粒子效果背景  [查看原文]

如果页面滚动的话，会出现一些视差，办法：

body.onmousemove = function(e){
    var event = e || window.event;
    canvas.mouse = {
        x: event.offsetX,
        y: event.offsetY
    }
}

西瓜0
2018/12/13 21:08:29

设置height:800px


<div id="mydiv" style="height:800px;"></div>

西瓜0
2018/12/13 21:07:42
在粒子背景上加一层css浮动层就行了。

Chloe0
2018/8/24 18:28:05
emm在封装函数里 定义一下变量就好了

赵静静0
2018/11/19 17:46:30
我也是这个问题，说dist未定义，可否告知在哪里定义啊，谢谢

赵静静0
2018/11/19 17:52:15
em,解决了。嘻嘻

Fantastic B0
2019/6/10 11:06:35
能说明白一点吗？在这个画线函数里面定义了，还是不出来。之前也是报错dist未定义

不二臣0
2019/9/23 15:00:23
vue中如何引入呢？

鼠标全屏不用经过 移到canvas画布上触发效果

body.onmousemove = function(e) {
    var event = e || window.event;
    canvas.mouse = {
        x: event.clientX,
        y: event.clientY
    }
}

修改body 为window

window.onmousemove = function(e) {
    var event = e || window.event;
    canvas.mouse = {
        x: event.clientX,
        y: event.clientY
    }
}

全屏显示
修改        

// 获取特定div的宽高
var width = window.innerWeight || document.documentElement.clientWidth || document.body.clientWidth;
var height = window.innerWeight || document.documentElement.clientHeight || document.body.clientHeight;