如何在没有实际鼠标移动的情况下触发画布画线动画?

Question

我目前正在弄清楚如何在页面加载时绘制线条，甚至不必实际移动鼠标进行绘制

这是我的代码，它仅在鼠标移动时绘制线条。

https://codepen.io/arvi/pen/RgYZqB

我添加了一个"load"事件侦听器并将其绑定到 documentMouseMoveHandler，但它似乎不是这种情况的解决方案。

window.addEventListener('load', documentMouseMoveHandler, false);

可能吗？

Answer 1

好的，做这样的事情，直到你得到一个鼠标事件，如果鼠标事件来了，则在一个间隔内随机取一个点，然后删除它;

var intervalId;
function documentMouseMoveHandler(event) {
if (!event) {
intervalId = setInterval(function () {
mouseX = Math.floor(Math.random() * (window.innerWidth - 1));
mouseY = Math.floor(Math.random() * (window.innerHeight + 1));
}, 3000);
return;
}
if (event && intervalId) {
clearInterval(intervalId);
}
mouseX = event.clientX - (window.innerWidth - SCREEN_WIDTH) * .5;
mouseY = event.clientY - (window.innerHeight - SCREEN_HEIGHT) * .5;
}`