可以使用 jQuery 在 Mousemove 上 ctx.drawImage svg 吗？

Question

我正在尝试有一个跟随鼠标的 svg，我正在尝试使用 .drawImage 来获得我想要的东西，但我不明白为什么'var img = new Image ();' 是一个错误的变量，错误在哪里？如果而不是新的图像变量，我使用ctx.createRadialGradient，我得到了我想要的，但是没有图像，我是javascript的新手所以提示并对批评表示赞赏！ :)

$(document).ready(function(e) {
  $(document).mousemove(function(e) {
    var canvas = document.querySelector('canvas');
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    var canvasW = window.innerWidth;
    var canvasH = window.innerHeight;
     ctx = canvas.getContext('2d');
    var img = new Image();
        img.src = "https://svgshare.com/i/LDY.sfsvg";
       
        ctx.drawImage(img, 0, 0, canvasW,canvasH);

  });
  });

body, html {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: purple;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<canvas >
  
</canvas>

Answer 1

一个问题是你在声明ctx后少了一个分号

    var can = document.getElementById('canvas');
     ctx = canvas.getContext('2d');
    var img = new Image();
        img.src = "https://svgshare.com/i/LDY.sfsvg";

另一个是你从不定义这些变量 画布W，画布H

可以使用 jQuery 在 Mousemove 上 ctx.drawImage svg 吗？

It's possible to ctx.drawImage svg on Mousemove with jQuery?

javascript

jquery

svg

canvas

drawimage