时间戳

首页 > 解决方案 > 使用调整后的大小 Javascript 更改图像大小

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

问题描述

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

标签： javascripthtmlhtml5-canvas

解决方案

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

html:

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

CSS：

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

推荐阅读