MedianCut.js

High quality, median-cut algorithm, color reduction (Reduce the color of the image).

How to use

Japanese
http://www.petitmonte.com/javascript/howto_mediancut_js.html

English

// *** Function 
// First  argument : ImageData object  
var colors = getColorInfo(imagedata);

// *** Constructor   
// First  argument : ImageData object  
// Second argument : Return value of getColorInfo()  
var MedianCut = new TMedianCut(imagedata,colors);  
  
// *** Method  
// First  argument : Number of colors (2 - 256)  
// Second argument : Update pixel data (true or false)  
MedianCut.run(256,true);  
  
// *** Property
// Number of colors after color reduction (for confirmation)   
alert(MedianCut.rep_color.length);  

// Draw to canvas　　
context.putImageData(imagedata,0,0);

Caution

If the HTML file is not uploaded to the server, it may not work depending on browser specifications.

HTML5 Web Worker makes it multi-threaded and faster.

Contact

sorry, no warranty, no support. English Can understand only 3-year-old level.

Author

Copyright (c) 2016 Takeshi Okamoto

Licence

MIT license.