1.10.11 • Published 2 years ago
@easylogic/colorpicker v1.10.11
Colorpicker With EasyLogic
This project was created to implement a color picker. It implemented basic functions for color and implemented image filters.
Document Site: https://colorpicker.easylogic.studio/#colorpicker-for-standalone
Install
npm
npm install @easylogic/colorpicker
How to use (for browser)
<link href="https://cdn.jsdelivr.net/npm/@easylogic/colorpicker@1.10.5/dist/colorpicker.css" />
<script src="https://cdn.jsdelivr.net/npm/@easylogic/colorpicker@1.10.5/dist/colorpicker.min.js"></script>
How to use
import '@easylogic/colorpicker/dist/colorpicker.css'
import ColorPickerUI from '@easylogic/colorpicker'
Use ColorPicker
import '@easylogic/colorpicker/dist/colorpicker.css';
import ColorPickerUI from '@easylogic/colorpicker'
this.colorPicker = ColorPickerUI.create({
type: "sketch",
position: "inline",
container: document.getElementById('app'),
color: this.props.value || defaultColor,
onChange: c => {
this.changeColor(c);
}
});
Use GradientPicker
import '@easylogic/colorpicker/dist/colorpicker.css';
import ColorPickerUI from '@easylogic/colorpicker'
this.gradientPicker = ColorPickerUI.createGradientPicker({
position: "inline",
container: this.refs.$color.el,
gradient: 'linear-gradient(to right, white 0%, black 100%)',
onChange: (gradientString) => {
console.log(gradientString);
}
});
// set value
this.gradientPicker.setValue('radial-gradient(circle, white 0%, black 100%'));
// get value
var gradientString = this.gradientPicker.getValue()
Developments
local dev
git clone https://github.com/easylogic/easylogic-colorpicker
cd easylogic-colorpicker
npm install
npm run dev
open localhost:10001
build
npm run build
License : MIT
1.10.9
2 years ago
1.10.8
2 years ago
1.10.11
2 years ago
1.10.10
2 years ago
1.10.7
2 years ago
1.10.6
2 years ago
2.1.4
2 years ago
2.1.3
2 years ago
2.1.1
3 years ago
2.0.5
3 years ago
2.1.0
3 years ago
2.0.3
3 years ago
2.0.2
3 years ago
2.0.1
3 years ago
2.0.0
3 years ago
1.10.5
3 years ago
1.10.4
3 years ago
1.10.3
3 years ago
1.10.2
3 years ago
1.10.1
3 years ago
1.10.0
3 years ago
1.9.69
4 years ago
1.9.67
4 years ago
1.9.66
4 years ago
1.9.65
4 years ago
1.9.64
5 years ago
1.9.63
5 years ago
1.9.62
5 years ago
1.9.61
5 years ago
1.9.60
5 years ago
1.9.51
5 years ago