From 29b4731fb65670f45ffa1d6d7d5c88d6b9c2e36b Mon Sep 17 00:00:00 2001 From: Tony Air Date: Sat, 1 Jun 2019 01:07:52 +0700 Subject: [PATCH] Update README.md --- README.md | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 3924ba6..a7225f1 100644 --- a/README.md +++ b/README.md @@ -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