Sleek HTML5/ Javascript Color Picker– iro.js
iro.js is a smooth, HSV color based JavaScript color picker for generating a pretty, HTML5 canvas
based color wheel UI with touch assistance.
Setup:
# NPM $ npm install @jaames/ iro-- conserve
How to use it:
Import the module.
import iro from "@jaames/ iro";
Or include the core JavaScript library to the html page:
<< script src=" iro.min.js"><> Develop a placeholder component for the color picker.<< div class=" wheel" id=" colorWheelDemo"><>Produce a standard color picker inside the container 'colorWheelDemo'.
var colorWheel = iro.ColorPicker(" #colorWheelDemo", choices here ) ;Possible choices to tailor your color picker.
var colorWheel = iro.ColorPicker(" #colorWheelDemo", use colors to any aspects. ) ;Event handlers offered.
colorWheel.on(' color: modification', function( color) ). colorWheel.on(' input: start', function( color) ). colorWheel.on(' input: end', function( color) ). colorWheel.on(' install', function( color) fired as soon as the color picker UI has actually been installed into the DOM. )Changelog:
02/02/2019
- v3.5.6: hotfix for svg url generation in older iOS webviews
01/28/2019
- v3.5.5: hotfix for hsl string parsing bug
12/23/2018
- v3.5.4: hotfix for black output on mobile and desktop Safari
10/02/2018
- v3.5.3: Fixed little problem with moms and dad container size
09/24/2018
- v3.5.2: Improve workaround for damaged gradient URLs in Safari
08/17/2018
- v3.5.0: Rewritten API classes using the es6 syntax
08/12/2018
- v3.4.3: fix touch scrolling intervention in chrome
08/08/2018
- v3.4.2: Repairs a caution brought on by some current Chrome changes
08/02/2018
- v3.4.1: Fixed rounding issues when transforming in between color models, particularly when transforming particular colors from RGB hex -> > HSL -> >
RGB hex. The post < a rel=" nofollow" href=" https://www.cssscript.com/sleek-html5-javascript-color-picker-iro-js/ "> Streamlined HTML5/ Javascript Color Picker-- iro.js appeared initially on < a rel="nofollow" href="https://www.cssscript.com" > CSS Script.