如何解决使用调整大小的 Javascript 更改图像大小
原本图片大小是 2000 * 2000。但是,它不适合我的窗口屏幕。只能看到图像的左上角。所以我导致通过画布调整图像大小。如何在裁剪之前将其新尺寸设置为图像尺寸? Jcrop 仍然显示原始图像大小
解决方法
您不必调整图像大小或裁剪图像。只需将宽度设置为 50vw
img{
width:50vw;}
<img src='https://via.placeholder.com/2000'>
在头部使用元视口标签,然后为图像使用小一点的尺寸:
HTML:
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
</head>
CSS:
img {
width: 800px;
height: 800px;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。