Canvas 是 HTML5 中的一个新元素，可以用来渲染图形、图片等内容。其中，drawImage 方法是 Canvas API 中最常用的方法之一，通过该方法可以在 Canvas 上绘制图片，并实现动态图片加载。

下面，我们将详细介绍如何使用 canvas 的 drawImage 方法实现动态图片加载。

一、canvasdrawimage

canvasdrawimage 是 Canvas API 中用于在画布上绘制图片的方法。该方法可以接受四个参数，具体如下：

【语法】

context.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh);

其中，参数 img 是你要绘制的图像，可以是一个 Image 对象、一个 Canvas 对象或一个 Video 对象；sx、sy、sw、sh 表示从源图像中选择的区域；dx、dy、dw、dh 表示在目标画布上绘制图像的位置和大小。

二、动态图片加载

在实际应用中，经常会遇到需要动态加载图片的场景，比如相册、图库等。下面，我们通过一个例子来演示如何使用 canvas 的 drawImage 方法实现动态加载图片。

1. HTML 结构

首先，我们需要创建一个 HTML 结构来容纳我们的画布和图片。代码如下：

```