mirror of
https://github.com/janishutz/color-thief.git
synced 2025-11-25 13:54:25 +00:00
build: Remove color-thief-node.js file. Already had color-thief.js for commonjs version
This commit is contained in:
11
README.md
11
README.md
@@ -8,15 +8,14 @@ A script for grabbing the color palette from an image. Uses Javascript and the c
|
|||||||
|
|
||||||
### Import
|
### 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 for use in Node.
|
||||||
- `/dist/color-thief.js`: CommonJS module. Entry point for Node.js and Browserify.
|
- `/dist/color-thief.mjs`: ES6 module for use in Browser. For modern browsers as well as Webpack and Rollup.
|
||||||
- `/dist/color-thief.mjs`: ES6 module. For modern browsers as well as Webpack and Rollup.
|
- `/dist/color-thief.umd.js`: UMD module for use in Browser. For simple script tag loading that exposes a global variable or for RequireJS AMD support. _color-thief.min.js_ is a duplicate of this file, kept around to maintain backwards compatibility.
|
||||||
- `/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
|
### Get the dominant color from an image
|
||||||
|
|
||||||
```js
|
```js
|
||||||
var colorThief = new ColorThief();
|
const colorThief = new ColorThief();
|
||||||
colorThief.getColor(sourceImage);
|
colorThief.getColor(sourceImage);
|
||||||
```
|
```
|
||||||
|
|
||||||
@@ -25,7 +24,7 @@ colorThief.getColor(sourceImage);
|
|||||||
In this example, we build an 8 color palette.
|
In this example, we build an 8 color palette.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
var colorThief = new ColorThief();
|
const colorThief = new ColorThief();
|
||||||
colorThief.getPalette(sourceImage, 8);
|
colorThief.getPalette(sourceImage, 8);
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ fs.copyFile(umdPath, legacyPath, (err) => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const srcNodeRelPath = 'src/color-thief-node.js';
|
const srcNodeRelPath = 'src/color-thief-node.js';
|
||||||
const distNodeRelPath = 'dist/color-thief-node.js';
|
const distNodeRelPath = 'dist/color-thief.js';
|
||||||
const srcNodePath = resolve(process.cwd(), srcNodeRelPath);
|
const srcNodePath = resolve(process.cwd(), srcNodeRelPath);
|
||||||
const distNodePath = resolve(process.cwd(), distNodeRelPath);
|
const distNodePath = resolve(process.cwd(), distNodeRelPath);
|
||||||
|
|
||||||
|
|||||||
101
dist/color-thief-node.js
vendored
101
dist/color-thief-node.js
vendored
@@ -1,101 +0,0 @@
|
|||||||
const getPixels = require('get-pixels');
|
|
||||||
const quantize = require('quantize');
|
|
||||||
|
|
||||||
function createPixelArray(imgData, pixelCount, quality) {
|
|
||||||
const pixels = imgData;
|
|
||||||
const pixelArray = [];
|
|
||||||
|
|
||||||
for (let i = 0, offset, r, g, b, a; i < pixelCount; i = i + quality) {
|
|
||||||
offset = i * 4;
|
|
||||||
r = pixels[offset + 0];
|
|
||||||
g = pixels[offset + 1];
|
|
||||||
b = pixels[offset + 2];
|
|
||||||
a = pixels[offset + 3];
|
|
||||||
|
|
||||||
// If pixel is mostly opaque and not white
|
|
||||||
if (typeof a === 'undefined' || a >= 125) {
|
|
||||||
if (!(r > 250 && g > 250 && b > 250)) {
|
|
||||||
pixelArray.push([r, g, b]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return pixelArray;
|
|
||||||
}
|
|
||||||
|
|
||||||
function validateOptions(options) {
|
|
||||||
let { colorCount, quality } = options;
|
|
||||||
|
|
||||||
if (typeof colorCount === 'undefined' || !Number.isInteger(colorCount)) {
|
|
||||||
colorCount = 10;
|
|
||||||
} else if (colorCount === 1 ) {
|
|
||||||
throw new Error('colorCount should be between 2 and 20. To get one color, call getColor() instead of getPalette()');
|
|
||||||
} else {
|
|
||||||
colorCount = Math.max(colorCount, 2);
|
|
||||||
colorCount = Math.min(colorCount, 20);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (typeof quality === 'undefined' || Number.isInteger(quality)) {
|
|
||||||
quality = 10;
|
|
||||||
} else if (quality < 1) {
|
|
||||||
quality = 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
colorCount,
|
|
||||||
quality
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadImg(img) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
getPixels(img, function(err, data) {
|
|
||||||
if(err) {
|
|
||||||
reject(err)
|
|
||||||
} else {
|
|
||||||
resolve(data);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getColor(img, quality) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
getPalette(img, 5, quality)
|
|
||||||
.then(palette => {
|
|
||||||
resolve(palette[0]);
|
|
||||||
})
|
|
||||||
.catch(err => {
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPalette(img, colorCount = 10, quality = 10) {
|
|
||||||
const options = validateOptions({
|
|
||||||
colorCount,
|
|
||||||
quality
|
|
||||||
});
|
|
||||||
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
loadImg(img)
|
|
||||||
.then(imgData => {
|
|
||||||
const pixelCount = imgData.shape[0] * imgData.shape[1];
|
|
||||||
const pixelArray = createPixelArray(imgData.data, pixelCount, options.quality);
|
|
||||||
|
|
||||||
const cmap = quantize(pixelArray, options.colorCount);
|
|
||||||
const palette = cmap? cmap.palette() : null;
|
|
||||||
|
|
||||||
resolve(palette);
|
|
||||||
})
|
|
||||||
.catch(err => {
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = {
|
|
||||||
getColor,
|
|
||||||
getPalette
|
|
||||||
};
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user