核心知识
绘制图像
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';