居中裁剪图片展示，点击图片，全图展示

涉及到上传图片的功能，展示已上传图片时，固定大小展示图片的居中部位。避免图片压缩，追求美观，加强用户体验。该需求已越来越普遍。那么我们怎么实现这一功能呢？

在我开发过程中，我是通过阿里云的图片裁剪方法去实现这个需求的。

1、首先，我是通过把图片上传到阿里云，你也知道，小程序的有限制大小，所以只要有涉及到图片，我都会把它上传到阿里云。

2、然后，通过阿里云的图片裁剪方法去设置展示的图片 

图片地址+'?x-oss-process=image/resize,m_fill,h_186,w_186'

裁剪之后的图片由于是按照我们设置目标缩略图的大小，去裁剪缩放。可能展示的图片会失真，模糊。我们可以通过放大我们设置缩略图的宽高的倍数，让图片高清展示。

例如：

点击图片，全屏展示

1.只需要调用预览api,并且展示没有经过处理（裁剪）的图片即可。

阿里云图片裁剪地址：

https://help.aliyun.com/document_detail/44688.html?spm=a2c4g.11186623.6.970.P9iIAj