vue-img-color-picker
Vue component to pick a color from a base64 image, by clicking on it.
You can access the selected color by $refs.colorPicker.color, or from the $emit event "setColor". See Examples below.
Options:
ref: to access the color by $refs
width: width of the displayed image (apect ratio will be respected)
showColor: display selected color in a box at top right
initColor: if you need to pre define a selected color
imagesrc: the base64 encoded image (urls are not accepted because of cross origin problems)
">
<img-color-picker ref="colorPicker" :width="400" :showColor="true" @setColor="setColor" :initColor="userColor" imagesrc="data:image/png;base64,..."> img-color-picker>
setColor event handler in parent component:
setColor (color){
console.log(color);
},
141 Jan 2, 2023
106 Dec 28, 2022
6 Feb 3, 2022
42 Dec 14, 2022
7 Jul 29, 2022
0 Jun 3, 2021
15 Jun 21, 2022
2 Aug 29, 2018
10 Sep 6, 2021
2.4k Dec 29, 2022
14 Sep 21, 2022
11 Nov 24, 2022
159 Dec 26, 2022
69 Dec 28, 2022
0 Feb 8, 2021
3 Jul 13, 2018
3 May 20, 2021
7 Dec 3, 2022
83 Dec 28, 2022