tonyair/cropper-image-mask
1
0
Fork 0
mirror of https://github.com/a2nt/cropper-image-mask.git synced 2024-10-22 17:05:48 +02:00
Code Issues Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
Tony Air 2019-06-01 01:07:52 +07:00 committed by GitHub
parent e3e69b1da4
commit 29b4731fb6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
README.md
View File

@ -6,9 +6,13 @@ Allows to crop image and cover some image areas with another images.
3) Select image mask and place it to the cropped image area u'd like to cover
4) Select an other image mask or click "Submit"
Resulted image (cropped and covered with image masks) will be sent to the server using AJAX.
Resulted image (cropped and merged with image masks) will be sent to the server using AJAX.
Example of uploading processing at src/upload.php
# Demo
https://rawcdn.githack.com/a2nt/cropper-image-mask/master/dist/index.html
## Usage
Install required modules using:
npm install
@ -21,3 +25,17 @@ http://127.0.0.1:8001
Build your cropper script:
yarn build
## Directory structure
src/ - your sources
-- src/app.scss - specific app style
-- src/_events.js - app events definitions
-- src/_ui.spinner.js - spinner example
-- src/_ui.form.croppie.scss - cropper-image-mask field style
-- src/_ui.form.croppie.js - cropper-image-mask field js
-- src/index.html - HTML example
-- src/img - some example images
-- src/upload.php - example of server-side processing
dist/ - compiled scipts after "yarn build"
You can open dist/index.html to see demo