工具介绍
在线圆角图片生成器,支持自定义圆角半径,一键生成正圆形图片,可导出带透明背景的PNG图片,无需安装软件,直接在浏览器中处理。
使用方法
- 点击「选择图片」上传需要处理的图片
- 输入需要的圆角半径(单位像素),如果需要生成正圆形图片,请勾选「生成正圆形」选项
- 点击「生成圆角图片」按钮即可预览效果
- 点击「下载PNG」按钮下载处理后的图片
实现原理
使用HTML5 Canvas的路径绘制功能,先绘制出带圆角的矩形路径,然后使用clip()方法对画布进行裁剪,最后将原图片绘制到裁剪后的画布上,最终导出为PNG格式图片,保留透明背景。
生成正圆形的原理:当勾选生成正圆形后,自动将圆角半径设置为图片短边长度的一半,即可得到正圆形效果(如果图片是正方形就是标准圆形,如果是长方形就是以短边为直径的圆形)。
注意事项
- 生成的圆角图片尺寸和原始图片保持一致,不会改变图片大小
- 导出的PNG格式会保留透明背景,适合用于网页设计、APP设计等场景
- 图片处理全部在您的浏览器本地完成,不会上传到服务器,保护您的隐私安全
- 处理大尺寸图片可能会消耗较多内存,请耐心等待处理完成