微信小程序 image组件的mode属性 以及 图片出现横向滚动轴

微信在3月27发布新增的六大能力中开放申请个人开发者啦！！因为公司也要做小程序，现在趁着项目在客户那边还没确定，于是自己搞了一个pixiv（也就是P站）的app（这个app名字就叫做pixiv）转成微信的小程序来练手（github地址）。【注明：目前只是练手，至少我觉得我自己是不可能发布的，不然会被视为侵权（希望开发这个app 的 人如果看到了这个github地址觉得侵权可以联系我给撤下来）】

这次要写的是image这个组件（注意是组件不是标签）。

写这篇文章的目的，是因为我使用image组件的mode属性中取值为缩放的时候，在图片下方出现了滚动轴。另外就是本文章只是为了区分开mode属性中的取值问题，并不给你什么有用的或者现成的搭配。只能说，如果你也是在对mode属性存在一些疑惑的话，希望能在这篇文章受到一点提示。

按套路，先上微信官方开发文档的截图

可以看到，image这个组件有四个属性，这次针对mode属性和我所做的小程序中用到的图片结合讲一下。

按照官方的mode，分为两类：一类缩放，一类裁剪。

我所做的pixiv是需要大量图片的网站。P站供画手们上传自己的作品。图片有大有小，按照这个，我们要做的可以分成两种

1、对上