1.10.11 • Published 3 years ago

@easylogic/colorpicker v1.10.11

Weekly downloads
152
License
MIT
Repository
github
Last release
3 years ago

Colorpicker With EasyLogic

This project was created to implement a color picker. It implemented basic functions for color and implemented image filters.

License: MIT

npm.io

NPM

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

3 years ago

1.10.8

4 years ago

1.10.11

3 years ago

1.10.10

3 years ago

1.10.7

4 years ago

1.10.6

4 years ago

2.1.4

4 years ago

2.1.3

4 years ago

2.1.1

4 years ago

2.0.5

4 years ago

2.1.0

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.10.5

4 years ago

1.10.4

4 years ago

1.10.3

4 years ago

1.10.2

4 years ago

1.10.1

4 years ago

1.10.0

4 years ago

1.9.69

5 years ago

1.9.67

5 years ago

1.9.66

5 years ago

1.9.65

6 years ago

1.9.64

6 years ago

1.9.63

6 years ago

1.9.62

6 years ago

1.9.61

6 years ago

1.9.60

6 years ago

1.9.51

6 years ago