本文介绍使用圆角矩形裁剪图片时所用到的参数及示例。

注意事项

  • 如果图片的最终格式是PNG、WebP、BMP等支持透明通道的图片,那么图片圆角外的区域将会以透明填充。如果图片的最终格式是JPG,那么图片圆角外的区域以白色进行填充。推荐保存成PNG格式。
  • 如果指定圆角的半径大于原图最大内切圆的半径,则按照图片最大内切圆的半径设置圆角。

参数说明

操作名称:rounded-corners

参数说明如下:

参数 描述 取值范围
r 将图片切出圆角,指定圆角的半径。 [1,4096]

生成的最大圆角的半径不能超过原图的最小边长的一半。

示例

  • 裁剪圆角半径为30,保存格式为JPG,圆角之外的区域以白色填充。

    处理后的URL为:<原图URL>?x-oss-process=image/rounded-corners,r_30

  • 先将图片裁剪为100x100的区域,然后设置圆角半径为10,保存格式为PNG,圆角之外的区域以透明色填充。

    处理后的URL为:<原图URL>?x-oss-process=image/crop,w_100,h_100/rounded-corners,r_10/format,png