开发者社区> 问答> 正文

图片裁剪之如何实现内切圆?


用户可以将图片只保存圆形图案,如果图片的最终格式是png, webp, bmp等支持透明通道的图片,那么图片非圆形区域的地方将会以透明填充。如果图片的最终格式是jpg。那么非圆形区域是以白色进行填充。

参数

参数描述取值
ci从图片取出圆形区域 参数格式:[radius]-[type]ciradius : [1, 4096] 如果radius能指定圆的半径。 但是圆的的半径不能超过原图的最小边的一半。如果半径超过。圆的大小仍然是原圆的最大内切圆。type: [0, 1]0:表示图片最终大小仍然是原图大小 1: 表示图片最终大小是能包含这个圆的最小正方形


注意事项

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


示例

  • 裁剪半径是100, 保持圆是原来大小

http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100-0ci
  • 裁剪半径是100, 保存圆是能包含圆的最小正方形,格式是png

http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100-1ci.png
  • 裁剪半径是1000, 保存圆是能包含圆的最小正方形,格式是png

http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@1000-1ci.png

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

相关电子书

更多
360°全景视频播放器的实现原理 立即下载
渐进式动画解决方案 立即下载
渐进式动画解决方案 立即下载