开发者社区 问答 正文

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


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

参数

参数描述取值
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 1837 分享 版权
阿里云 AI 助理回答

要将图片保存为圆角矩形并指定圆角大小,您可以按照以下步骤操作:

  1. 参数设置

    • 使用参数2ci来指定圆角的大小。格式为:[radius]-2ci
      • radius的取值范围是1到4096,表示圆角的半径。请注意,生成的最大圆角半径不能超过原图最小边的一半。
  2. 注意事项

    • 透明/白色填充:如果输出图片格式支持透明通道(如PNG、WebP、BMP),非圆角区域将以透明填充;若格式为JPG,则以白色填充。因此,推荐使用PNG格式以保持背景透明
    • 圆角限制:即使指定的半径大于原图最大内切圆的半径,实际应用中圆角大小仍会自动调整为图片的最大内切圆尺寸。
  3. 示例

    • 示例1:裁剪圆角半径为30像素,图片格式为JPG。
      http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@30-2ci
      
    • 示例2:先将图片裁剪为100x100像素,然后保存为圆角半径10像素的PNG格式。
      http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100w_100h_1e_1c_10-2ci.png
      

通过上述参数和步骤,您可以灵活地处理图片,实现所需大小的圆角矩形效果。

有帮助
无帮助
AI 助理回答生成答案可能存在不准确,仅供参考
0 条回答
写回答
取消 提交回答
问答地址: