开发者社区> 问答> 正文

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


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

参数

参数描述取值
2ci从图片取出圆形区域 参数格式:[radius]-2ciradius : [1, 4096] radius指定圆角的半径。但是生成的最大圆角的的半径不能超过原图的最小边的一半。


注意事项

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


示例

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

http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@30-2ci
  • 图片先自动裁剪成100x100, 然后保存成圆角半径是10,格式是png

http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100w_100h_1e_1c_10-2ci.png

展开
收起
青衫无名 2017-10-23 11:15:01 1830 0
0 条回答
写回答
取消 提交回答
问答地址:
问答排行榜
最热
最新

相关电子书

更多
360°全景视频播放器的实现原理 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载