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];