mirror of
https://github.com/PitPik/colorPicker.git
synced 2025-09-08 16:52:36 -06:00
Update README.md
This commit is contained in:
parent
ded52f929e
commit
c02e20d539
13
README.md
13
README.md
@ -15,7 +15,7 @@ All the W3C 2.0 calculations for readability are also based on opacity levels of
|
|||||||
Supported color spaces are: (* also displayed as colors in realtime)<br>
|
Supported color spaces are: (* also displayed as colors in realtime)<br>
|
||||||
rgb *, hsv(b) *, hsl *, cmyk, cmy, Lab, XYZ, HEX
|
rgb *, hsv(b) *, hsl *, cmyk, cmy, Lab, XYZ, HEX
|
||||||
|
|
||||||
##How to use Color.js
|
##Colors.js
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
var myColors = new Colors({ // all options have a default value...
|
var myColors = new Colors({ // all options have a default value...
|
||||||
@ -30,7 +30,7 @@ var myColors = new Colors({ // all options have a default value...
|
|||||||
allMixDetails: false // if set to true, Colors deliveres some more mixed layer informations for all color layers
|
allMixDetails: false // if set to true, Colors deliveres some more mixed layer informations for all color layers
|
||||||
});
|
});
|
||||||
```
|
```
|
||||||
##How to use colorPicker.js
|
##colorPicker.js
|
||||||
|
|
||||||
colorPicker uses an instance of Colors and passes the options to it, so some values are the same...
|
colorPicker uses an instance of Colors and passes the options to it, so some values are the same...
|
||||||
|
|
||||||
@ -70,12 +70,12 @@ var myColorPicker = new ColorPicker({
|
|||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
##The color model and more
|
##The color model, the methods and more
|
||||||
|
|
||||||
After initializing Color or ColorPicker you'll get a clean but rhich model of the instance:
|
After initializing Color or ColorPicker you'll get a clean but rhich model of the instance:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
Color: {
|
myColors: {
|
||||||
colors: { all kinds of color values... },
|
colors: { all kinds of color values... },
|
||||||
options: { all the options you set or that are set as default... },
|
options: { all the options you set or that are set as default... },
|
||||||
__proto__: { // all methods Color uses
|
__proto__: { // all methods Color uses
|
||||||
@ -89,10 +89,11 @@ Color: {
|
|||||||
```
|
```
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
ColorPicker: {
|
myColorPicker: {
|
||||||
color: { // instance of Color inside colorPicker
|
color: { // instance of Color inside colorPicker
|
||||||
colors: { all kinds of color values... },
|
colors: { all kinds of color values... },
|
||||||
options: {all the options you set or that are set as default...}
|
options: { all the options you set or that are set as default... },
|
||||||
|
__proto__: { all methods Color uses ... }
|
||||||
},
|
},
|
||||||
nodes: { all kinds of cashed nodes, textNodes and styles, etc... },
|
nodes: { all kinds of cashed nodes, textNodes and styles, etc... },
|
||||||
__proto__: { // all methods ColorPicker uses
|
__proto__: { // all methods ColorPicker uses
|
||||||
|
Loading…
x
Reference in New Issue
Block a user