-
平行宇宙2020-01-01 00:00
- 23
- 0
很多项目都会有后台上传图片的功能，这导致往往用户会传一些不规则比例的图片（这个确实头疼，其实不只用户传图没有固定宽高比，前端样式上，图片盒子也很难保证一个通用的比例），也就导致了有些超出比例的图片在前端显示的时候会出现压缩，拉伸，变形问题。
现在项目通过阿里云储存能够实现一些基本的图片缩放，裁剪处理，但是很显然，在严重超出前端图片盒子比例的情况下，仍然会有拉伸变形问题。
我这边的处理方法总结了一下，只能做到两步：
1 阿里云裁剪，压缩。
2 图片居中自适应，即：img{max-width:100%;max-heightt:100%}。
如上问题所述，当原图宽高比例严重不符的时候仍然会存在问题。
我能想到的方式还有一种就是把图片作为图片盒子的背景，然后居中铺满，但是很显然，工作量大，改动多（因为框架用的vue，拉取数据后还得绑定样式）。
问：
有没有更好的方式能达到最大化的图片显示优化？请指教
0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部