Live Demos
https://demo-multi-select-areas-image.herokuapp.com
Installation
With npm or yarn
yarn add multi-select-areas-image npm i multi-select-areas-image
For Vue.js 2.0
Use multi-select-areas-image component:
Typical use:
// main.js...Vue
.vue file:
Props
cropUrl
Type: String
Required: true
Default: null
Input Url image into the box
width
Type: Number
Required: false
Default: 1000
Set width image area
opacityOutline
Type: Number
Required: false
Default: 0.5
Set opacity outline border box select area
opacityOverlay
Type: Number
Required: false
Default: 0.5
Set opacity overlay on image
$emit
getListAreas
Params: Null
Return: Array