canvas - Canvas drawImage() : 如何将大尺寸图像放入小画布中？

Question

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

Answer 1

您可以drawImage在绘制图像时使用该方法缩放图像。有3种形式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)

如果您确实需要保留纵横比，您可以进行一些计算来确定您需要将其缩放到“刚好适合”画布的程度。