lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-04-05 20:48:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added transparent images to tests.

Browse Source
This commit is contained in:
ippo615 2013-09-29 14:49:19 -04:00
parent ae13dc688a
commit e4db57355b
3 changed files with 117 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
test/unit/filters/Blur-test.js
View File

@ -145,4 +145,47 @@ suite('Blur', function() {
imageObj.src = 'assets/darth-vader.jpg';
});
// ======================================================
test('transparency', function(done) {
var stage = addStage();
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
layer.add(darth);
stage.add(layer);
darth.setFilter(Kinetic.Filters.Blur);
darth.setFilterRadius(100);
layer.draw();
var tween = new Kinetic.Tween({
node: darth,
duration: 2.0,
filterRadius: 0,
easing: Kinetic.Easings.EaseInOut
});
darth.on('mouseover', function() {
tween.play();
});
darth.on('mouseout', function() {
tween.reverse();
});
done();
};
imageObj.src = 'assets/lion.png';
});
});

44
test/unit/filters/Brighten-test.js
View File

@ -103,4 +103,48 @@ suite('Brighten', function() {
imageObj.src = 'assets/darth-vader.jpg';
});
// ======================================================
test('tween transparency', function(done) {
var stage = addStage();
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
layer.add(darth);
stage.add(layer);
darth.setFilter(Kinetic.Filters.Brighten);
darth.setFilterBrightness(100);
layer.draw();
var tween = new Kinetic.Tween({
node: darth,
duration: 2.0,
filterBrightness: -100,
easing: Kinetic.Easings.EaseInOut
});
darth.on('mouseover', function() {
tween.play();
});
darth.on('mouseout', function() {
tween.reverse();
});
done();
};
imageObj.src = 'assets/lion.png';
});
});

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

@ -1,6 +1,6 @@
suite('Color Pack', function() {
// ======================================================
test('colorize', function(done) {
test('colorize basic', function(done) {
var stage = addStage();
var imageObj = new Image();
@ -31,7 +31,7 @@ suite('Color Pack', function() {
});
// ======================================================
test('crop', function(done) {
test('colorize crop', function(done) {
var stage = addStage();
var imageObj = new Image();
@ -61,4 +61,32 @@ suite('Color Pack', function() {
imageObj.src = 'assets/darth-vader.jpg';
});
// ======================================================
test('colorize transparancy', function(done) {
var stage = addStage();
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
layer.add(darth);
stage.add(layer);
darth.setFilter(Kinetic.Filters.Colorize);
darth.setFilterColorizeColor([0,128,255]);
layer.draw();
done();
};
imageObj.src = 'assets/lion.png';
});
});