❞
将图像加载到画布中实际上与绘制图像一样简单——只涉及一个方法。在调用drawImage方法时,至少需要三个参数:所绘制的图像和图像绘制位置的(x, y)坐标。...然后,用宽度乘以这个比例就可以计算出调整后的图像高度。
如果要绘制完整的图像,那么调整大小是很有用的,但是有时候我们需要进一步控制图像绘制的部分,那么它就缺少足够的支持了。...用代码表示,这些参数如下所示(w表示宽度,h表示高度):
context.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh);
我们可以从前面的图像中裁剪出一小部分...像素的正方形,然后以相同的宽度和高度将它绘制到画布的左上角。...在将裁剪的图像绘制到画布时,还可以调整它的尺寸,例如:
context.drawImage(image, 0, 0, 250, 250, 0, 0, 500, 500);
这段代码实际上与前一个例子是完全相同的