ctx.drawImage
时间: 2023-08-22 09:14:18 浏览: 238
HTML5 Canvas API中drawImage()方法的使用实例
ctx.drawImage是一个HTML5 Canvas API中的方法,用于在画布上绘制图像。它可以接受不同的参数来控制图像的位置、大小和裁剪。根据引用[1]和引用[3]的内容,可以总结出以下几种用法:
1. ctx.drawImage(image, x, y):将图片绘制在画布上,图片的左上角位于画布的(x, y)位置。
2. ctx.drawImage(image, x, y, width, height):将图片绘制在画布上,图片的左上角位于画布的(x, y)位置,并指定图片的宽度和高度。
3. ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight):将图片的一部分裁剪出来,并将裁剪后的图像绘制在画布上,裁剪的左上角位于图片的(sx, sy)位置,裁剪的宽度和高度为(sWidth, sHeight),绘制在画布上的位置为(dx, dy),绘制的宽度和高度为(dWidth, dHeight)。
以上是根据引用[1]和引用[3]中的代码和解释得出的ctx.drawImage的用法。
阅读全文