给所有前端使用的图片处理工具
2023-01-31 本文已影响0人
River_何
![](https://img.haomeiwen.com/i18898562/655749be869b1c42.jpg)
一、简述
经过一个多月断断续续的开发,终于将这个图片处理工具的所有功能都开发完了,包括有基础操作、矩形裁剪、圆角裁剪、修改尺寸、修改亮度、修改透明度、添加水印、打马赛克和图片压缩这九大模块,几乎是包含了图片处理的所有功能。
之前在使用别人的工具时,不是要收费,就是处理后给打了个水印,很烦。使用该图片处理工具可以一站式解决你的所有需求,而且是完全的开源免费。
二、界面展示(部分)
![](https://img.haomeiwen.com/i18898562/9ba398bfd0fb79c3.png)
![](https://img.haomeiwen.com/i18898562/06d3c8bd75b97da0.png)
![](https://img.haomeiwen.com/i18898562/58e40be822b117fc.png)
三、结语
该图片处理工具是纯前端代码实现,而且没有使用第三方的图片处理库,可谓是干货满满,现献给所有的前端同学作为学习参考。该工具是visualization-collection这个项目中的一个模块,该项目还有其他很多的丰富动效和交互实现案例,是一个专注于前端视觉效果的集合应用,也是在持续的更新中。
最后感谢所有前端同学的支持和鼓励,skr~
在线体验:https://hepengwei.github.io/visualization-collection
项目地址:https://github.com/hepengwei/visualization-collection
更多个人文章