图片缩放

以下例子中，默认原图均为：https://fanfan.s3.bitiful.net/girl.jpeg

​

参数说明

​

相关参数总览

​

用例说明

• 单独设定 w 或 h
  • 若单独指定 w 参数（不指定 h）：系统会按 等比模式 mode=clip 将图片 等比缩小 为 宽度为 w 大小的缩略图。
  • 若单独指定 h 参数（不指定 w）：系统会按 等比模式 mode=clip 将图片 等比缩小 为 高度为 h 大小的缩略图。
• 同时设定 w 和 h
  • 系统会自动按 裁切模式 mode=crop 将图片 强行裁剪 为 w、h 设定大小的缩略图，默认取中间部分，丢弃多余部分。
• 同时设定 w 和 h，且指定 mode 为 clip
  • 系统会自动按 最小模式 mode=clip 将图片 等比缩略 到 w、h 的矩形盒子内，即：缩略图的长、宽均不会超过设定的 w、h 值。
• 设定 dpr
  • 以上面 w=300&h=300 为例：
    • 且 dpr=2 时：系统会生成 600x600 的正方形缩略图
    • 且 dpr=0.5 时：系统会生成 150x150 的正方形缩略图

​

参数范例

演示：指定缩放宽度为 w=200，进行等比缩放（此时 mode 强制为 clip）

加上参数后 URL：https://fanfan.s3.bitiful.net/girl.jpeg? w=200

演示：指定缩放高度为 h=200，进行等比缩放（此时 mode 强制为 clip）

加上参数后 URL：https://fanfan.s3.bitiful.net/girl.jpeg? h=200

演示：同时指定宽高 w=200 & h=200（此时 mode 默认为 crop；pos 默认为 center）

处理逻辑示例

加上参数后 URL：https://fanfan.s3.bitiful.net/girl.jpeg? w=200 & h=200

演示：同时指定宽高 w=200 & h=200 并设置 mode=clip

加上参数后 URL：https://fanfan.s3.bitiful.net/girl.jpeg? w=200 & h=200 & mode=clip

演示：同时指定宽高 w=200 & h=200 并设置 dpr=0.5

加上参数后 URL：https://fanfan.s3.bitiful.net/girl.jpeg? w=200 & h=200 & dpr=0.5

演示：同时指定宽高 w=200 & h=200 并设置 pos=top

加上参数后 URL：https://fanfan.s3.bitiful.net/girl.jpeg? w=200 & h=200 & pos=top

演示：同时指定宽高 w=200 & h=200 并设置 pos=bottom

加上参数后 URL：https://fanfan.s3.bitiful.net/girl.jpeg? w=200 & h=200 & pos=bottom