开发者社区> 问答> 正文

图片裁剪之如何实现圆角矩形?


可以把图片保存成圆角矩形,并可以指定圆角的大小 。

参数


操作名称:rounded-corners

参数描述取值
r将图片切出圆角,指定圆角的半径。[1, 4096] 生成的最大圆角的半径不能超过原图的最小边的一半。


注意事项

  • 如果图片的最终格式是 png、webp、bmp 等支持透明通道的图片,那么图片非圆形区域的地方将会以透明填充。如果图片的最终格式是 jpg, 那么非圆形区域是以白色进行填充 。推荐保存成 png 格式。
  • 如果指定半径大于原图最大内切圆的半径,则圆角的大小仍然是图片的最大内切圆。


示例

  • 裁剪圆角半径是 30, 格式是 jpg。

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/rounded-corners,r_30
  • 图片先自动裁剪成 100x100, 然后保存成圆角半径是 10,格式是 png。

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/crop,w_100,h_100/rounded-corners,r_10/format,png

展开
收起
青衫无名 2017-10-23 10:43:19 2980 0
0 条回答
写回答
取消 提交回答
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
360°全景视频播放器的实现原理 立即下载
3D动画的菜谱式灯光与云渲染 立即下载
低代码开发师(初级)实战教程 立即下载