缩放图像以适合画布，同时保持纵横比。

Question

我试图弄清楚如何在画布上渲染图像，将画布缩放更改为最适合图像（最大尺寸为50％缩放），并允许用户在画布上平移如果图像的其余部分都不适合屏幕，则可以看到图像的其余部分。

我一直在写一个图像裁剪器，我已经注意到我遇到的两个问题是

• 当图像太大时，它会从画布上切下来。
• 当图像太大时，它会占据整个屏幕。

通过限制画布的大小和更改图像的缩放，我应该能够减少这些问题。如果图像仍然太大，您可以在屏幕上平移。这是我正在寻找的图像示例

其中RED是Canvas元素，PINK是Image。 （显示在画布上，并在两侧伸出）。因此，用户应该能够向左平移或向右平移并看到图像中不适合屏幕的部分。