小程序image图片变形

89 阅读 0 评论 59 点赞

我是靠谱客的博主自信滑板，这篇文章主要介绍小程序image图片变形，现在分享给大家，希望可以做个参考。

有次写商城，发现图片总是会变形，找了很久都不知道是什么问题

在这里插入图片描述

后来发现小程序的image标签是有默认的宽高的
<image> 组件默认宽度 300px、高度 225px；

小程序的image标签是有mode模式的，图片缩放模式

这个模式有缩放模式，有裁剪模式，具体可以看文档

我这里的话就是没有去掉图片的默认宽高

<image src="" mode="widthFix"></image> //直接设置mode=widthFix就可以去掉默认的宽高

效果图：
在这里插入图片描述

以上就是自信滑板最近收集整理的关于小程序image图片变形的全部内容，更多相关小程序image图片变形内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。