小程序image图片变形

65 阅读 0 评论 43 点赞

我是靠谱客的博主自信滑板，最近开发中收集的这篇文章主要介绍小程序image图片变形，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

在这里插入图片描述

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

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

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

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

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

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

以上就是自信滑板为你收集整理的小程序image图片变形的全部内容，希望文章能够帮你解决小程序image图片变形所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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