Skip to main content
以下例子中,默认原图均为:https://demo.bitiful.com/girl.jpeg

参数说明

该方法只能用于静态图片

相关参数总览

参数含义作用说明
rect指定 裁剪坐标与长宽- 共4个值,均为数字,半角逗号隔开
- 参数分别为:x, y, w, h
- 如:0,0,500,500

用例说明

  • x、y:代表左上角的 x, y 轴坐标
  • w、h:与 缩略图 中的 w、h 含义相同,代表截取目标的 宽、高
crop-mode-demo-1.png
加上参数后 URL:https://demo.bitiful.com/girl.jpeg? rect=0,0,500,500
girl.resize.jpg
由于 参数 rect 的优先级高于 w 和 h,于是:
  1. 所以系统会优先按照参数 rect=0,0,1000,1000 提取原图左上角开始的 1000 x 1000 区域图像;
  2. 然后将 1000 x 1000 的正方形图像按照参数 w=500 将 rect 处理结果缩略至 500 x 500; 所以:按照图片缩略逻辑单独设定 w=500,系统会按**rect 结果图像的宽高比**(而非原图的宽高比)自动设定缩略高度。 加上参数后 URL:https://demo.bitiful.com/girl.jpeg? rect=0,0,1000,1000 & w=500
    girl.resize.jpg