🚀 基于canvas图片裁切器(已更新)

📢 简述

基于Cavnas的图片裁切工具，基础图片处理工具
ImageCropper Tool, basci image processor base on canvas

• ⌨ 代码仓库github
• 👀 预览地址（功能不完善，持续更新中····）

Tips 1: 已部署到线上， 你能够 git clone 到本地运行 或者点击上方连接🔗查看
Tips 2: 仓库中的dist文件为打包后的代码，clone后请从新打包
Tips 4: 暂不持支手机端，后期考虑兼容

若是你喜欢，以为有一点儿价值，不妨给个 💗Star 或者 🔗Fork到你的仓库一块儿完善，发现代码上有bug或须要完善的，想你提个✍Issue一块儿探讨完善，能 🙋PR 一下我就更😘你啦！

🚴 运行：

项目基于webpack构建。

# 打包代码
npm run build
复制代码

#运行代码
npm run start
复制代码

☞ 打包后的dist 文件里的html能够直接在浏览器中查看！

📁 目录结构

dist //打包后文件
 |
src //存放源码文件
 |—— css //样式文件
 |    |—— cropper.css
 |    |—— img.css
 |    |__ index.css
 |——— js  //脚本文件
 |    |—— cropper.js //画布、裁切器相关处理
 |    |—— img.js  //图片处理相关
 |    |—— resizeBox.js //封装改变容器宽高
 |    |—— util.js //辅助工具方法
 |    |__ index.js //应用入口js
 |—— index.html //webpack页面模板
.gitignore
 |
LICENESE
 |
package.json
 |
package.lock.json
 |
README.md
 |
webpack.config.js
 |
previewEffect.png //预览效果图（与项目无关）

复制代码

🔎 预览效果（持续更新中·····）

查看预览图 或者 预览地址（功能不完善，持续更新中····）

📃 License

MIT License

Copyright (c) 2019 ForrrestYuan