如何解决将图片分配给img标签之前,请使用javascript调整图片大小
|| 我在HTML和CSS开发方面非常新。 我有一个带有img
标签的HTML页面。此标签将保存一些图像。这些图像具有不同的尺寸。我使用CSS将宽度和高度设置为img
标签。
所有图像都将使用JavaScript显示。
在将图片分配给IMG
标签之前,是否需要使用JavaScript调整图片大小?
也许我不需要这样做,因为我使用CSS设置了2英寸大小。比例会受到约束吗?
对不起我的英语不好。
解决方法
如果使用css设置了高度和宽度,则纵横比将无法保持。但是,如果您使用html
img
标签指定任一属性,则将保持宽高比。
, 您应该在服务器端执行此操作。使用管理脚本。您可以在上传原始图像时创建其版本,然后HTML / CSS端可以安全地使用这些图像。
这不是在客户端执行的任务。基本上,您在这里要做的是下载一个大图像(大量数据),然后将其哑化以创建一个较小的图像。因此,您浪费了客户端的带宽和服务器的带宽。
如果绝对没有其他可能性,并且您有固定的区域(例如640x480),则可以通过以下方式进行基本裁切并保持纵横比:
HTML:
<div id=\"wrapper\"><img src=\"my.jpg\"></div>
CSS:
#wrapper {
width: 640px;
height: 480px;
line-height: 480px;
}
#wrapper img {
width: 640px;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。