javascript - easeljs 棕褐色和灰度

Question

我正在考虑使用 EaselJS 通过 JavaScript 进行一些图像处理，有没有人有任何示例说明如何使用该库对图像应用棕褐色和灰度滤镜？ http://www.createjs.com/#!/EaselJS

如果您想知道，我一直在寻找许多替代库，但似乎没有一个在浏览器中也能正常工作。

Answer 1

使用 createjs.ColorMatrixFilter() 将颜色过滤器应用于位图

以下是灰度和棕褐色的过滤器：

var Grayscale = new createjs.ColorMatrixFilter([
        0.30,0.30,0.30,0,0, // red component
        0.30,0.30,0.30,0,0, // green component
        0.30,0.30,0.30,0,0, // blue component
        0,0,0,1,0  // alpha
]);
myEaselBitmap.filters = [Grayscale];


var Sepia = new createjs.ColorMatrixFilter([
    0.39, 0.77, 0.19, 0, 0, // red component
    0.35, 0.68, 0.17, 0, 0, // green component
    0.27, 0.53, 0.13, 0, 0, // blue component
    0, 0, 0, 1, 0  // alpha
]);
myEaselBitmap.filters = [Sepia];