2013-03-11 73 views
2

我正在尋找使用EaselJS來通過JavaScript做一些圖像處理,沒有人有任何如何應用棕褐色和單獨的灰度過濾器使用此庫的圖像的例子嗎? http://www.createjs.com/#!/EaselJSeaseljs棕褐色和灰度

如果你想知道,我一直在尋找很多替代庫,但沒有一個在瀏覽器中看起來沒有什麼效果。

回答

6

使用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]; 
+0

感謝您的答覆,我要把這一個嘗試,讓你知道它是怎麼回事。 – user975060 2013-03-11 13:54:11

+0

就是這樣,棕褐色看起來很好順便說一句。 – user975060 2013-03-12 01:39:16

+0

你有沒有機會舉一個90度旋轉圖像的例子?我提到了度數,因爲圖像不必調整大小,寬度和高度只需交換。 – user975060 2013-03-12 18:35:39