Canvas drawImage方法：三种重载形式及参数全解析

Canvas的drawImage()方法是一个非常重要的方法，它用于在canvas上绘制图像或者视频。这个方法有多种重载形式，可以接受不同的参数。 1. drawImage(image, dx, dy)： 这是最简单的形式，只接受三个参数。image是需要绘制的图像，它可以是一个HTMLImageElement、HTMLVideoElement或HTMLCanvasElement对象。dx和dy分别是图像在canvas上的起始位置的x坐标和y坐标。 2. drawImage(image, dx, dy, dw, dh)： 这种形式除了指定图像的起始位置外，还可以指定图像在canvas上的宽度和高度。dw和dh分别代表图像在canvas上的宽度和高度。 3. drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)： 这是最复杂的形式，一共有九个参数。前五个参数sx, sy, sw, sh表示从原图中截取的部分，后四个参数dx, dy, dw, dh表示在canvas上的位置和大小。这种形式可以在canvas上绘制图像的一部分。 注意：所有的坐标都是相对于canvas左上角的，x轴向右为正，y轴向下为正。 ######[AI写代码神器 | 256点数解答 | 2023-12-16 23:12:47]