canvas绘制图片不显示问题

840 阅读1分钟

在vue项目中,canvas绘制本地图片的时候一直不显示,我刚开始以为是路径拼写错误,后来发现原来是webpack编译的时候,修改了图片的名称,用import引入就好了.

const canvas = document.querySelector('#canvasId')
const cvsCtx = canvas.getContext('2d')

var img = new Image()

//错误
// img.src = '../../../static/img/logo.png';

// 正确
// import logo from "../../../assets/img/logo.png"
img.src = logo;

img.onload = function(e){
    cvsCtx.drawImage(img,0,200,180,280);
}