最近更新时间:2026-03-31 13:47:24
指定圆角大小将图片剪切为圆角矩形。支持通过圆角半径大小和水平垂直大小两种方式设置
操作名称:rounded-corners
具体参数说明如下表所示。
参数 | 取值说明 | 代码样例 |
r | 将图片切出圆角,指定圆角的半径,水平和垂直的值相同,可以使用像素数(如200)或百分比(如25p)。 像素数取值范围为[1,4096],当像素数大于原图最小边的一半时,取最小边的二分之一。 百分比取值范围为[1p,50p]。 不能与rx和ry参数同时使用。 | image/rounded-corners,r_100 |
rx | 圆角水平大小的参数,可以使用像素数(如200)或百分比(如25p)。 像素数取值范围为[1,4096],当像素数大于原图最小边的一半时,取最小边的二分之一。 百分比取值范围为[1p,50p]。 需要与ry同时使用。 | image/rounded-corners,rx_100,ry_200 |
ry | 圆角垂直大小的参数,可以使用像素数(如200)或百分比(如25p)。 像素数取值范围为[1,4096],当像素数大于原图最小边的一半时,取最小边的二分之一。 百分比取值范围为[1p,50p]。 需要与rx同时使用。 |
说明:
如果图片的输出格式是jpg,则非圆角区域为白色。如果图片的输出格式是png、webp、bmp等矢量图格式,则非圆角区域为透明。建议在圆角剪切后保存为png格式。
将example.jpg图片设置为圆角大小为100、格式为png的圆角图片。
将example.jpg图片设置为水平圆角大小为100、垂直圆角大小为200的圆角图片。
纯净模式
