tonyair
/
cropper-image-mask
mirror of https://github.com/a2nt/cropper-image-mask.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Allows to crop image, cover some image areas with another images, merge them and send resulted image to the server
4 Commits 1 Branch 0 Tags 3.5 MiB
JavaScript 62.6%
SCSS 29.6%
HTML 7.3%
PHP 0.5%
Go to file
Tony Air e3e69b1da4 Language fix 2019-06-01 00:56:48 +07:00
dist Language fix 2019-06-01 00:56:48 +07:00
src Language fix 2019-06-01 00:56:48 +07:00
.gitignore Initial 2019-06-01 00:46:53 +07:00
LICENSE Initial commit 2019-06-01 00:43:58 +07:00
README.md Update README.md 2019-06-01 00:53:19 +07:00
package.json Initial 2019-06-01 00:46:53 +07:00
webpack.config.js Initial 2019-06-01 00:46:53 +07:00

README.md

cropper-image-mask

Allows to crop image and cover some image areas with another images.

  1. Select an image at your computer
  2. Crop image at the browser
  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. Example of uploading processing at src/upload.php

Usage

Install required modules using: npm install

Start development server: yarn start

Access development server at: http://127.0.0.1:8001

Build your cropper script: yarn build