支付宝小程序的image图片显示

演示项目需要做一个功能介绍，需要用到<image>标签,发现设置宽高之后，图片会压缩，百度了一下，发现image的mode属性可以解决这个问题,他有4种缩放模式，9种裁剪模式，如果想把图片完全显示出来，就用widthFix，宽度不变，高度自动变化，保持原图的比例不变：

1.图片加上属性mode=‘widthFix’，然后给图片自己设置宽度:

<view>
	<image src="../../images/com/wnf.jpg" alt="卫宁付" mode="widthFix"/>
</view>

mode总结：

mode：图片裁剪、缩放的模式
mode有效值：有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。

缩放：

裁剪：

图片高度不能设置为 auto，如果需要图片高度为 auto，直接设置 mode 为 widthFix

支付宝开发文档：https://docs.alipay.com/mini/component/image