dolfelt / color-svg

A revolutionary way for users to choose color in your application. Now 100% SVG.

ColorSVG

ColorSVG is a new way to allow your users to select color. It hails from the age old tradition of color wheels, but gives an exciting new twist using 100% SVG graphics. If focuses on easily providing a rich set of colors for your users to easily select, which allows you to get back to business.

Implementation

The first step is to create an <input /> that will hold the color. If there is a value, it will be read automatically by ColorSVG. When a new color is selected, it will be placed in the input.

<input class="color-picker" name="color" />

It's really that simple. You can initialize the picker(s) using a jQuery object or selector string.

ColorSVG.init('.color-picker')

OR

ColorSVG.init($('.color-picker', scope));

Options

Coming (not so) soon...

Contributing

To contribute you must have Node and Gulp installed on your system.

Compiling:

npm install
bower install
gulp

color-svg's Issues

Fix issues in IE

The color picker is a little wonky in IE. Needs to be flushed out a bit.

cc: @dolfelt