vue中把图片绘制到canvas上

看着这里学习canvas,之前都没有问题,看到图片这儿时,出了问题
教程代码如下:

var img = new Image();   // 创建img元素
img.onload = function(){
    ctx.drawImage(img, 0, 0)
}
img.src = 'myImage.png'; // 设置图片源地址

在vue中按这个方法画不出这个图......

在vue中设置图片路径时,不能直接用字符串赋值,需要先用require()引入然后再设置
代码如下:

var img = new Image();   // 创建img元素
img.onload = function(){
    ctx.drawImage(img, 0, 0)
}
img.src = require('myImage.png'); // 设置图片源地址