画架棕褐色和灰度

Question

我正在考虑使用EaselJS通过JavaScript进行一些图像处理，是否有人有任何关于如何使用此库应用Sepia和灰度滤镜的示例？ http://www.createjs.com/#!/EaselJS

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

Answer 1

使用createjs.ColorMatrixFilter（）将颜色过滤器应用于位图

以下是Grayscale和Sepia的过滤器：

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