使用canvas绘制图片失效

Question

在vue2页面中，使用canvas绘制图片失效
#代码

```html
    <canvas  id="myCanvas"/>

 const canvas = document.getElementById('myCanvas')
    const ctx = canvas.getContext('2d')
    canvas.width = 1000
    canvas.height = 100
    const img = new Image()
    img.src = require('../../assets/images/Ali.png')
    img.onload = () => {
      ctx.drawImage(img, 0, 0, canvas.width, canvas.height)
    }

```

Answer 1

看看控制台 有保存吗？ 图片路径对了吗？找个网络图片试试 ？
还有就是 执行时机 ，要在 canvas 元素 渲染完之后执行 。比如 mounted里画