在钉钉小程序中实现宽高不定的图片裁剪后等比例缩放中心对齐显示在固定宽高的canvas容器中并生成临时url路径的实例
最新更新时间:2020年07月07日15:59:41
《猛戳-查看我的博客地图-总有你意想不到的惊喜》
本文内容:在做业务的过程中,遇到图片需要中心对齐自适应显示在固定宽高的容器中,同时对图片裁剪后生成临时url路径上传到服务器,本文记录详细的过程,以及实现方案。
图片中心对齐显示在固定宽高的容器中
需求:图片横向或纵向至少有一个方向显示全部内容
注意:容器为固定宽高,图一宽高比小于1,图二宽高比大于1
如图一,图片的宽高比小于1,此时需要将图片的横向全部内容显示。如果图片的宽度大于等于容器
原创
2020-07-07 16:46:59 ·
2587 阅读 ·
0 评论