Do not modify this directly, use the color method instead. selection - The internal color selection.triggerElem - The element whose click event brings up the picker.Otherwise, all color attributes ( h,s,v,r,g,b,a,hex,css,background) are copied. If it is the string hex, then only the hex representation will be copied. If the attribute is a string of any of the letters h,s,v,r,g,b,a, then the corresponding color fields will be copied. This attribute controls which color properties are copied over to the bound model. The Angular.js directive will set the values of the bound object, but will not call $apply until the color is unchanged for throttleApply milliseconds. throttleApply (Angular.js attribute only) This might require changing the dimensions of the popup via the css property for a good user experience.
If specified, the widget controls will include a slider for the alpha channel. The color callback will be called once on initalization with this color, if a callback is provided on initialization. The initial color selection of the picker. When supplied, this class is applied to the picker popup. When enabled, the picker trigger element's background style will be changed to the current selection color, with a checker pattern to indicate transparency if applicable. If true, it is drawn as a circle, with hue varying with the angle and saturation varying with the radius. If false, the color picker is drawn as a rectangle, with hue varying on the x axis and saturation varying on the y axis.
Can be one of the eight cardinal directions: 'n', 'nw', 'w', 'sw', 's', 'se', 'e', or 'ne'. popupEdgeĭetermines where the picker will appear relative to the trigger element. In the Angular.js binding, this is a watched expression. When disabled the trigger will not bring up the color picker when clicked. In the included Angular.js binding, this option is available as the attribute 'on-color-select', whose value expression is evaluated in the previously mentioned circumstances. This function's argument is identical to that of colorCallback. programmatic) change, or because the user has stopped interacting with the picker. Useful for color preview purposes.Ī function called when the selected color is no longer changing, either because it was an instantaneous (i.e. background - A CSS string representing the given color composed over a grey and white checked background for alpha visualization.This is provided because the hex format doesn't support the alpha channel. css - A string representing the given color using the CSS rgba function.In addition to the raw color values listed above, the callback argument provides two other properties: All three versions represent the same color. The callback is passed an object containing all three representations of the active color (keys r,g,b, h,s,v, a, and hex). colorCallbackĪ function called when the selected color changes, either from picker events or a call to the color setter function. Options indicated as "offscreen only" will be applied the next time the popup is raised. Options/PropertiesĪll options are also available for read/write on the resulting HtmlPalette instance, with exceptions noted. Any of these representations can be passed into the initialColor option or color setter method, and the other representations will be computed and provided to the color callback. Īlpha value is initialized to 1.0 unless specified.
0 kommentar(er)
