const image = canvas.createIamge() image.onload = () => { ctx.drawImage(image, x, y, w, h) } image.src = 'yourLoacalUrl' 如果你用的是你下面这张图的里的方式创建获取的canvas跟context 实例，用上面方法应该就可以正确绘制图片了，canvas 新api 的文档不是很全面。 const imgPromise = new Promise((resolve, reject) => { const image = canvas.createIamge() image.onload = () => { resolve(image) } image.onerror = () => { reject(new Error(`fail to fetch image form: ${yourImageUrl}`)) } image.src = yourImageUrl }) imgPromise.then(img => { ctx.drawImage(img, x, y, w, h) }) 可以包在一个promise里面来调用。