给所有前端使用的图片处理工具

一、简述

经过一个多月断断续续的开发，终于将这个图片处理工具的所有功能都开发完了，包括有基础操作、矩形裁剪、圆角裁剪、修改尺寸、修改亮度、修改透明度、添加水印、打马赛克和图片压缩这九大模块，几乎是包含了图片处理的所有功能。

之前在使用别人的工具时，不是要收费，就是处理后给打了个水印，很烦。使用该图片处理工具可以一站式解决你的所有需求，而且是完全的开源免费。

二、界面展示(部分)

三、结语

该图片处理工具是纯前端代码实现，而且没有使用第三方的图片处理库，可谓是干货满满，现献给所有的前端同学作为学习参考。该工具是visualization-collection这个项目中的一个模块，该项目还有其他很多的丰富动效和交互实现案例，是一个专注于前端视觉效果的集合应用，也是在持续的更新中。
最后感谢所有前端同学的支持和鼓励，skr~

在线体验：https://hepengwei.github.io/visualization-collection

项目地址：https://github.com/hepengwei/visualization-collection

给所有前端使用的图片处理工具相关推荐

推荐7款非常棒的将代码片段转换成图片的工具
本文首发于[码友网]–<我来推荐,你随意挑!推荐7款非常棒的将代码片段转换成图片的工具> 概述大家好,我是码友网的维护者–Rector.很高兴今天又为大家分享有趣并有用的开发者工具啦! ...
webpack打包压缩混淆_前端打包利器：webpack工具
一.什么是WebPack,为什么要使用它? 1.为什要使用WebPack 现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包.为了简化开发的复杂度,前端 ...
前端性能优化指标 + 检测工具
前端性能优化指标 + 检测工具文章目录前端性能优化指标 + 检测工具整体概览 FCP(First Contentful Paint) LCP(Largest Contentful Paint) ...
nodejs gm 中文 linux,nodejs图片处理工具gm用法
在做H5应用中,有时候会涉及到一些图片加工处理的操作,nodejs有一个很好的后台图片处理module,就是这里说的gm.gm有官方文档,但感觉写得太抽象,反而看不懂了.这里把一些常见的用法写下,供大 ...
python图像标记工具怎么用_图片标注工具LabelImg使用教程
1.进入labelImg-master文件夹,在空白处使用 "Shift+鼠标右键" ,选择在此处打开命令窗口,依次输入下面语句即可打开软件. pyrcc4 -o resource ...
微信小程序uni-app前端应用框架和HBuilderX工具使用及Git管理项目
微信小程序uni-app前端应用框架和HBuilderX工具使用及Git管理项目官方地址:https://uniapp.dcloud.io/ 1.起步 1.1.简介 uni-app 是一个使用 Vu ...
前端通用免费api/站长工具记录
站长工具通用(JSON API免费接口/加密解密/格式化/前端后端工具): http://www.bejson.com/knownjson/webInterface/部分简易api免费网站: http ...
java captcha 验证码_验证码图片生成工具类——Captcha.java
验证码图片生成工具,使用JAVA生成的图片验证码,调用getRandcode方法获取图片验证码,以流的方式传输到前端页面. import java.awt.Color; import java.awt ...
CV之LabelImg：图片标注工具之LabelImg(图像标注工具)的简介、安装、使用方法详细攻略
CV之LabelImg:图片标注工具之LabelImg(图像标注工具)的简介.安装.使用方法详细攻略目录 LabelImg的简介常见的图片标注工具 LabelImg trainingImageLa ...