在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);
}