使用调整后的大小 Javascript 更改图像大小

【问题标题】：Change Image Size with Its Resized Size Javascript使用调整后的大小 Javascript 更改图像大小
【发布时间】：2021-02-13 15:47:56
【问题描述】：

最初的图像大小是 2000 * 2000。但是，它不适合我的窗口屏幕。只能看到图像的左上角。所以我通过画布调整图像大小。如何在裁剪之前将其新尺寸设置为图像尺寸？ jcrop 依然显示原图大小

【问题讨论】：

【解决方案1】：

您不必调整图像大小或裁剪图像。只需将宽度设置为 50vw

img{
width:50vw;}

&lt;img src='https://via.placeholder.com/2000'&gt;

【讨论】：

【解决方案2】：

在头部使用元视口标签，然后为图像使用更小的尺寸：

HTML：

<head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

CSS：

  img {
  width: 800px;
  height: 800px;
  }

【讨论】：