javascript - 后台图片在前端显示时失真
怪我咯
怪我咯 2017-04-11 10:23:22
[JavaScript讨论组]

做一个图片展示的功能,在前端是固定图片显示区块(比如300*300),但是在后台传图是不限制尺寸的,怎么才能做到既充满图片展示区又不让图片失真?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
大家讲道理

1、前端 是等比例缩放,只限制 宽 or 高,而不是同时限制

2、后台上传图片的时候

1、直接做剪裁功能

2、后端处理做图像长宽比例的验证, 不符合要求的不能上传

PHP中文网

可以试试css属性:

background-szie: cover;

配合:

background-position: center;

可实现居中。

迷茫

一种是直接设置到背景图上尺寸cover,还有一种是套个容器然后overflow:hidden。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号