vue 使用 Canvas 在画布上 添加图片

首先在template 里面创建一个dom

<div style="display:none">
    <img ref="conf0" src="../../assets/image/tx.jpg">
</div>

然后画图代码 这样写

// 获取Canvas 画图
let myCanvas = this.$refs.myCanvas
var ctx = myCanvas.getContext('2d')

// 在Canvas画布 添加图片
var img = this.$refs.conf0
img.onload = () => {
  ctx.drawImage(img, 0, 0)
}