功能介绍
图片加暗角工具是一款纯前端在线工具,通过Canvas为图片添加经典的径向暗角效果。暗角可以突出画面中心主体,增加氛围感和复古感,所有处理均在本地浏览器完成,无需上传图片到服务器。
使用方法
- 点击「选择图片」上传需要添加暗角的图片
- 拖动滑块调整暗角范围和强度:范围越大,暗角向内延伸越多;强度越高,边缘越暗
- 选择暗角形状:圆形适配正方形图片,椭圆适配长方形图片更自然
- 调整到满意效果后,点击「下载处理后的图片」保存结果
实现原理
本工具通过逐像素计算实现暗角效果,原理如下:
- 以画布中心为原点,计算每个像素到中心的距离
- 根据你设置的暗角范围确定内半径,超过内半径的像素开始降低亮度
- 距离中心越远,亮度降低越多,降低幅度由强度参数控制
- 公式:
亮度因子 = 1 - ((归一化距离 - 内半径归一化距离) * 强度)
注意事项
- 处理大尺寸图片时可能会稍有延迟,请耐心等待
- 所有处理均在本地完成,图片不会上传到服务器
- 效果仅供参考,不同图片适配的参数不同,请多尝试调整