Question

我目前正在弄清楚如何在页面加载上绘制线条，甚至无需实际移动鼠标来绘制

这是我的代码，只有在移动鼠标时才会绘制线条。

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

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

有可能吗？

Answer 1

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

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;
}`

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

1 个答案: