lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-12-29 10:04:34 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improved Colorization filter.

Browse Source 
- Looks better (brightness of original is preserved)
 - Improved speed (2-6 times faster than original)
 - Reduced code
This commit is contained in:
ippo615
2013-12-07 11:31:38 -05:00
parent 2c3a29681e
commit 2397712f6e
2 changed files with 73 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
test/unit/filters/ColorPack-test.js
View File

@@ -64,28 +64,48 @@ suite('Color Pack', function() {
// ======================================================
test('colorize transparancy', function(done) {
var stage = addStage();
var layer = new Kinetic.Layer();
var imageObj = new Image();
imageObj.onload = function() {
var colors = [
[255,0,0],
[255,128,0],
[255,255,0],
[0,255,0],
[0,255,128],
[0,255,255],
[0,0,255],
[128,0,255],
[255,0,255],
[0,0,0],
[128,128,128],
[255,255,255]
];
var i,l = colors.length;
var nAdded = 0;
for( i=0; i<l; i+=1 ){
var imageObj = new Image();
imageObj.onload = (function(color,x){ return function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
var darth = new Kinetic.Image({
x: x,
y: 32,
image: imageObj,
draggable: true
});
layer.add(darth);
layer.add(darth);
stage.add(layer);
darth.setFilter(Kinetic.Filters.Colorize);
darth.setFilterColorizeColor(color);
darth.setFilter(Kinetic.Filters.Colorize);
darth.setFilterColorizeColor([0,128,255]);
layer.draw();
done();
};
imageObj.src = 'assets/lion.png';
nAdded += 1;
if( nAdded >= l ){
stage.add(layer);
layer.draw();
done();
}
};})(colors[i],-64+i/l*stage.getWidth());
imageObj.src = 'assets/lion.png';
}
});