Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
JavaScript CoffeeScript Ruby
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
lib
site
src
.gitignore
Gemfile
Gemfile.lock
LICENSE
README.md
Rakefile
index.html

README.md

ColorCanvas

A canvas based color picker. Demo.

ColorCanvas

Usage

Include the two scripts, lib/colorcanvas.js and lib/colorcanvas.input.js inside your page.

<head>
  <script src="lib/colorcanvas.js"></script>
  <script src="lib/colorcanvas.input.js"></script>
</head>

Any color inputs will now automatically be shimmed.

<input type="color" value="#FF0000">

You may also want to include the default styles, located in site/styles.css.

Building

You can build ColorCanvas using Ruby's Bundler.

bundle install
rake build

Acknowledgments

Many thanks to Jeremy Apthorp for advice and bug fixing.

Something went wrong with that request. Please try again.