您可以通过圆角矩形参数,将存储在OSS内矩形图片的4个角切成圆角。本文介绍使用圆角矩形裁剪图片时所用到的参数及示例。
参数说明
操作名称:rounded-corners
参数说明如下:
参数 | 描述 | 取值范围 |
r | 将图片切出圆角,指定圆角的半径。 | [1,4096] |
注意事项
如果图片的最终格式是PNG、WebP、BMP等支持透明通道的图片,那么图片圆角外的区域将会以透明填充。如果图片的最终格式是JPG,那么图片圆角外的区域以白色进行填充。推荐保存成PNG格式。
如果指定圆角的半径大于原图最大内切圆的半径,则按照图片最大内切圆的半径设置圆角(即r=原图最小边÷2)。
GIF格式图片暂不支持圆角矩形操作。
示例
您可以通过文件URL、SDK、API方式设置图片处理参数。本文以文件URL为例进行介绍。文件URL仅适用于公共访问的图片。如果是私有访问的图片,请使用SDK、API处理图片。更多信息,请参见图片处理操作方式。
本文示例使用的Bucket为杭州地域名为oss-console-img-demo-cn-hangzhou的Bucket,图片外网访问地址为:
使用圆角矩形裁剪原图
需求及处理参数如下:
裁剪圆角半径为30 px:
rounded-corners,r_30
保存格式为JPG:
format,jpg
(原图为JPG格式,该参数可省略)
先将图片自定义裁剪后再进行圆角矩形裁剪,图片保存为PNG格式
需求及处理参数如下:
从默认起始位置将原图裁剪为100 px*100 px:
crop,w_100,h_100
裁剪圆角半径为10 px:
rounded-corners,r_10
保存格式为PNG:
format,png