第 5 课 8 / 18 | 编码:L05-11
核心知识

绘制图像

drawImage 需要图像可用后再绘制;先注册加载处理,再设置 src。

  • 先创建 Image 或使用已加载的 img
  • load 事件后调用 drawImage
  • 注意图像来源、许可与跨域限制
const image = new Image();
image.addEventListener('load', () => {
  ctx.drawImage(image, 32, 32, 80, 80);
});
image.src = 'assets/logo.png';