40

GitHub - lokesh/color-thief: Grabs the dominant color or a representative color...

 4 years ago
source link: https://github.com/lokesh/color-thief
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

README.md

Color Thief

A script for grabbing the color palette from an image. Uses Javascript and the canvas tag to make it happen.

See a Demo | Read more on my blog

How to use

Import

  • /dist/color-thief.umd.js: UMD module. For simple script tag loading that exposes a global variable or for RequireJS AMD support.
  • /dist/color-thief.js: CommonJS module. Entry point for Node.js and Browserify.
  • /dist/color-thief.mjs: ES6 module. For modern browsers as well as Webpack and Rollup.
  • /dist/color-thief.min.js: Duplicate of /dist/color-thief.umd.js. Kept around to maintain backwards compatibility.

Get the dominant color from an image

var colorThief = new ColorThief();
colorThief.getColor(sourceImage);

Build a color palette from an image

In this example, we build an 8 color palette.

var colorThief = new ColorThief();
colorThief.getPalette(sourceImage, 8);

API

Method Return Description getColor(image [, quality]) [Number, Number, Number] WIP getPalette(image [, colorCount, quality] [[Number, Number, Number], ...] WIP

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK