开发者社区> 问答> 正文

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


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

参数


操作名称:circle

参数描述取值
r从图片取出的圆形区域的半径半径 r 不能超过原图的最小边的一半。如果超过,则圆的大小仍然是原圆的最大内切圆。


注意事项

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


示例

  • 裁剪半径是100, 保存圆是原来大小。如果保存成jpeg格式,外围是以白色填充。

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/circle,r_100
  • 裁剪半径是100, 保存圆是能包含圆的最小正方形,如果保存成png格式,外围是以透明色填充

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/circle,r_100/format,png

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

相关电子书

更多
360°全景视频播放器的实现原理 立即下载
复杂环境下的视觉同时定位与地图构建 立即下载
函数计算最佳实践:快速开发一个分布式 Puppeteer 网页截图服务 立即下载