Saber 酱的抱枕

Fly me to the moon

01/15
2016
学习

七牛调用图片的自定义尺寸

有时候我们想要显示图片的缩略图,在七牛中有现成的格式可用调用。假如有下面一个图片的url:

/f/%E8%8A%B1%E5%AB%81Saber2.jpg

我们可以在后面以如下格式对尺寸加以限制:

?imageView2/1/w/<Width>/h/<Height>

本文中的图片url如下:

/f/%E8%8A%B1%E5%AB%81Saber2.jpg?imageView2/1/w/350/h/500


tips:如果缺省一个规则,例如宽或高,则输出尺寸为正方形,宽高一样。
tips:输出的宽高不会大于原图宽高。如果任何一个条件大于实际长度,会输出对应该条件(宽或高)的实际长度。
tips:如果尺寸和原图比例不能保持一致,会先等比缩放图片,然后按规定的尺寸裁剪,比例小的那条边的内容取居中部分。

对于裁剪,参考一下:
例如有一张600*1000的原图(近似于本文中图片的原图),规定输出尺寸为300*200,图片不会被压扁,而是会经过以下的过程:
1.原图首先被等比缩放到300*500;(缩放到输出尺寸中的一个)
2.从300*500裁剪为300*200;(裁剪为输出尺寸)
3.因为原图是纵向长,输出是横向长,此时输出结果中高200px的区域是取缩放后的图(高500px)的垂直居中区域。

结果如下:

如果我们的输出的是纵向长,且比原图的纵向比例更大,则会在图像的水平方向裁剪,这个也是取居中区域,是水平居中。

试验一下这个情况:

七牛调用图片的自定义尺寸