🚀 基於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