Canvas drawImage（）：如何将大尺寸图像放入小画布？

Question

在960 * 960尺寸的画布中，如何在不裁剪图像的情况下绘制更大尺寸的图像。可以在画布中自动重新调整图像尺寸吗？

Answer 1

您可以使用drawImage方法在绘制图像时缩放图像。 drawImage有三种形式：

drawImage(image, destX, destY)
drawImage(image, destX, destY, destWidth, destHeight)
drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight)

你可能想要第二个。如果您不想保留纵横比，则可以使用：

ctx.drawImage(image, 0, 0, 960, 960)

如果你确实需要保留纵横比，你可以做一些计算来计算你需要多少才能将它缩放到画布中“恰到好处”。