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

Renaming

Browse Source
This commit is contained in:
Jovination
2015-01-27 00:07:51 -07:00
parent b585ba4daf
commit 607ef1837b
130 changed files with 5722 additions and 5713 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,8 +6,8 @@ suite('Blur', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,7 +18,7 @@ suite('Blur', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Blur]);
darth.filters([Konva.Filters.Blur]);
darth.blurRadius(10);
assert.equal(darth.blurRadius(), 10);
@@ -45,13 +45,13 @@ suite('Blur', function() {
test('blur group', function(){
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group({
var layer = new Konva.Layer();
var group = new Konva.Group({
x: 100,
y: 100,
draggable: true
});
var top = new Kinetic.Circle({
var top = new Konva.Circle({
x: 0,
y: -70,
radius: 30,
@@ -59,7 +59,7 @@ suite('Blur', function() {
stroke: 'black',
strokeWidth: 4
});
var right = new Kinetic.Circle({
var right = new Konva.Circle({
x: 70,
y: 0,
radius: 30,
@@ -67,7 +67,7 @@ suite('Blur', function() {
stroke: 'black',
strokeWidth: 4
});
var bottom = new Kinetic.Circle({
var bottom = new Konva.Circle({
x: 0,
y: 70,
radius: 30,
@@ -75,7 +75,7 @@ suite('Blur', function() {
stroke: 'black',
strokeWidth: 4
});
var left = new Kinetic.Circle({
var left = new Konva.Circle({
x: -70,
y: 0,
radius: 30,
@@ -100,7 +100,7 @@ suite('Blur', function() {
y: 150
});
group.filters([Kinetic.Filters.Blur]);
group.filters([Konva.Filters.Blur]);
group.blurRadius(20);
layer.draw();
@@ -122,8 +122,8 @@ suite('Blur', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -134,15 +134,15 @@ suite('Blur', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Blur]);
darth.filters([Konva.Filters.Blur]);
darth.blurRadius(100);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
blurRadius: 0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -166,8 +166,8 @@ suite('Blur', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -179,7 +179,7 @@ suite('Blur', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Blur]);
darth.filters([Konva.Filters.Blur]);
darth.blurRadius(10);
layer.draw();
@@ -196,8 +196,8 @@ suite('Blur', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -209,15 +209,15 @@ suite('Blur', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Blur]);
darth.filters([Konva.Filters.Blur]);
darth.blurRadius(100);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
blurRadius: 0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -241,8 +241,8 @@ suite('Blur', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -253,15 +253,15 @@ suite('Blur', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Blur]);
darth.filters([Konva.Filters.Blur]);
darth.blurRadius(100);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
blurRadius: 0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -285,8 +285,8 @@ suite('Blur', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -299,7 +299,7 @@ suite('Blur', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Blur]);
darth.filters([Konva.Filters.Blur]);
darth.blurRadius(20);
darth.drawHitFromCache(100);
layer.draw();

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

@@ -6,8 +6,8 @@ suite('Brighten', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,7 +18,7 @@ suite('Brighten', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Brighten]);
darth.filters([Konva.Filters.Brighten]);
darth.brightness(0.3);
layer.draw();
@@ -37,8 +37,8 @@ suite('Brighten', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -49,15 +49,15 @@ suite('Brighten', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Brighten]);
darth.filters([Konva.Filters.Brighten]);
darth.brightness(0.3);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
brightness: 0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -81,8 +81,8 @@ suite('Brighten', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -94,7 +94,7 @@ suite('Brighten', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Brighten]);
darth.filters([Konva.Filters.Brighten]);
darth.brightness(-0.3);
layer.draw();
@@ -113,8 +113,8 @@ suite('Brighten', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -125,15 +125,15 @@ suite('Brighten', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Brighten]);
darth.filters([Konva.Filters.Brighten]);
darth.brightness(0.3);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
brightness: -0.3,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {

20
test/unit/filters/Emboss-test.js
View File

@@ -6,8 +6,8 @@ suite('Emboss', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -17,18 +17,18 @@ suite('Emboss', function() {
layer.add(darth);
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Emboss]);
darth.filters([Konva.Filters.Emboss]);
darth.embossStrength(0.5);
darth.embossWhiteLevel(0.8);
darth.embossDirection('top-right');
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 0.6,
embossStrength: 10,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -53,8 +53,8 @@ suite('Emboss', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -64,18 +64,18 @@ suite('Emboss', function() {
layer.add(darth);
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Emboss]);
darth.filters([Konva.Filters.Emboss]);
darth.embossStrength(0.5);
darth.embossWhiteLevel(0.2);
darth.embossBlend(true);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 0.6,
embossStrength: 10,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {

18
test/unit/filters/Enhance-test.js
View File

@@ -6,14 +6,14 @@ suite('Enhance', function () {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
var filt = new Kinetic.Image({
var layer = new Konva.Layer();
var filt = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
var orig = new Kinetic.Image({
var orig = new Konva.Image({
x: 200,
y: 10,
image: imageObj,
@@ -26,7 +26,7 @@ suite('Enhance', function () {
filt.cache();
filt.enhance(1.0);
filt.filters([Kinetic.Filters.Enhance]);
filt.filters([Konva.Filters.Enhance]);
layer.draw();
done();
@@ -42,8 +42,8 @@ suite('Enhance', function () {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -54,15 +54,15 @@ suite('Enhance', function () {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Enhance]);
darth.filters([Konva.Filters.Enhance]);
darth.enhance(-1);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
enhance: 1.0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {

18
test/unit/filters/Grayscale-test.js
View File

@@ -6,8 +6,8 @@ suite('Grayscale', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,7 +18,7 @@ suite('Grayscale', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Grayscale]);
darth.filters([Konva.Filters.Grayscale]);
layer.draw();
done();
@@ -34,8 +34,8 @@ suite('Grayscale', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -47,7 +47,7 @@ suite('Grayscale', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Grayscale]);
darth.filters([Konva.Filters.Grayscale]);
layer.draw();
done();
@@ -63,8 +63,8 @@ suite('Grayscale', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -75,7 +75,7 @@ suite('Grayscale', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Grayscale]);
darth.filters([Konva.Filters.Grayscale]);
layer.draw();
done();

30
test/unit/filters/HSL-test.js
View File

@@ -8,8 +8,8 @@ suite('HSL', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -20,15 +20,15 @@ suite('HSL', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.HSL]);
darth.filters([Konva.Filters.HSL]);
darth.hue(360);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 1.0,
hue: 0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -52,8 +52,8 @@ suite('HSL', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -64,15 +64,15 @@ suite('HSL', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.HSL]);
darth.filters([Konva.Filters.HSL]);
darth.luminance(1.0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 1.0,
luminance: -1.0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -96,8 +96,8 @@ suite('HSL', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -108,15 +108,15 @@ suite('HSL', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.HSL]);
darth.filters([Konva.Filters.HSL]);
darth.saturation(1.0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 1.0,
saturation: -1.0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {

40
test/unit/filters/HSV-test.js
View File

@@ -8,8 +8,8 @@ suite('HSV', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -20,15 +20,15 @@ suite('HSV', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.HSV]);
darth.filters([Konva.Filters.HSV]);
darth.hue(360);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 1.0,
hue: 0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -52,8 +52,8 @@ suite('HSV', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -64,16 +64,16 @@ suite('HSV', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.HSV]);
darth.filters([Konva.Filters.HSV]);
darth.saturation(1.0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 1.0,
saturation: -1.0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -97,8 +97,8 @@ suite('HSV', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -109,15 +109,15 @@ suite('HSV', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.HSV]);
darth.filters([Konva.Filters.HSV]);
darth.saturation(1.0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 1.0,
saturation: -1,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -141,8 +141,8 @@ suite('HSV', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -153,15 +153,15 @@ suite('HSV', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.HSV]);
darth.filters([Konva.Filters.HSV]);
darth.value(1.0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 1.0,
value: -1.0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {

18
test/unit/filters/Invert-test.js
View File

@@ -6,8 +6,8 @@ suite('Invert', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,7 +18,7 @@ suite('Invert', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Invert]);
darth.filters([Konva.Filters.Invert]);
layer.draw();
done();
@@ -34,8 +34,8 @@ suite('Invert', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -47,7 +47,7 @@ suite('Invert', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Invert]);
darth.filters([Konva.Filters.Invert]);
layer.draw();
done();
@@ -63,8 +63,8 @@ suite('Invert', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -75,7 +75,7 @@ suite('Invert', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Invert]);
darth.filters([Konva.Filters.Invert]);
layer.draw();
done();

26
test/unit/filters/Kaleidoscope-test.js
View File

@@ -6,8 +6,8 @@ suite('Kaleidoscope', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,7 +18,7 @@ suite('Kaleidoscope', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Kaleidoscope]);
darth.filters([Konva.Filters.Kaleidoscope]);
darth.kaleidoscopePower(2);
assert.equal(darth.kaleidoscopePower(), 2);
@@ -50,8 +50,8 @@ suite('Kaleidoscope', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -62,16 +62,16 @@ suite('Kaleidoscope', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Kaleidoscope]);
darth.filters([Konva.Filters.Kaleidoscope]);
darth.kaleidoscopePower(3);
darth.kaleidoscopeAngle(0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 10.0,
kaleidoscopeAngle: 720,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -95,8 +95,8 @@ suite('Kaleidoscope', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -107,16 +107,16 @@ suite('Kaleidoscope', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Kaleidoscope]);
darth.filters([Konva.Filters.Kaleidoscope]);
darth.kaleidoscopePower(0);
darth.kaleidoscopeAngle(0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
kaleidoscopePower: 8,
easing: Kinetic.EasingsEaseInOut
easing: Konva.EasingsEaseInOut
});
darth.on('mouseover', function() {

8
test/unit/filters/Mask-test.js
View File

@@ -7,16 +7,16 @@ suite('Mask', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer({
var layer = new Konva.Layer({
throttle: 999
});
var bamoon = new Kinetic.Image({
var bamoon = new Konva.Image({
x: 0,
y: 0,
image: imageObj,
draggable: true
}),
filtered = new Kinetic.Image({
filtered = new Konva.Image({
x: 300,
y: 0,
image: imageObj,
@@ -28,7 +28,7 @@ suite('Mask', function() {
stage.add(layer);
filtered.cache();
filtered.filters([Kinetic.Filters.Mask]);
filtered.filters([Konva.Filters.Mask]);
filtered.threshold(10);
layer.draw();

10
test/unit/filters/Noise-test.js
View File

@@ -7,8 +7,8 @@ suite('Noise', function () {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -19,15 +19,15 @@ suite('Noise', function () {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Noise]);
darth.filters([Konva.Filters.Noise]);
darth.noise(1);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 5.0,
noise: 0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {

10
test/unit/filters/Pixelate-test.js
View File

@@ -7,8 +7,8 @@ suite('Pixelate', function () {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
lion = new Kinetic.Image({
var layer = new Konva.Layer();
lion = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -19,15 +19,15 @@ suite('Pixelate', function () {
stage.add(layer);
lion.cache();
lion.filters([Kinetic.Filters.Pixelate]);
lion.filters([Konva.Filters.Pixelate]);
lion.pixelSize(16);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: lion,
duration: 3.0,
pixelSize: 1,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
lion.on('mouseover', function() {

10
test/unit/filters/Posterize-test.js
View File

@@ -7,8 +7,8 @@ suite('Posterize', function () {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -19,15 +19,15 @@ suite('Posterize', function () {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Posterize]);
darth.filters([Konva.Filters.Posterize]);
darth.levels(0.2);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 1.0,
levels: 0,
easing: Kinetic.Easings.Linear
easing: Konva.Easings.Linear
});
darth.on('mouseover', function() {

18
test/unit/filters/RGB-test.js
View File

@@ -6,8 +6,8 @@ suite('RGB', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,7 +18,7 @@ suite('RGB', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.RGB]);
darth.filters([Konva.Filters.RGB]);
darth.red(255).green(0).blue(128);
layer.draw();
@@ -38,8 +38,8 @@ suite('RGB', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -51,7 +51,7 @@ suite('RGB', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.RGB]);
darth.filters([Konva.Filters.RGB]);
darth.red(0).green(255).blue(0);
layer.draw();
@@ -66,7 +66,7 @@ suite('RGB', function() {
// ======================================================
test('colorize transparancy', function(done) {
var stage = addStage();
var layer = new Kinetic.Layer();
var layer = new Konva.Layer();
var colors = [
[255,0,0],
@@ -88,7 +88,7 @@ suite('RGB', function() {
var imageObj = new Image();
imageObj.onload = (function(color,x){ return function() {
var darth = new Kinetic.Image({
var darth = new Konva.Image({
x: x,
y: 32,
image: imageObj,
@@ -97,7 +97,7 @@ suite('RGB', function() {
layer.add(darth);
darth.cache();
darth.filters([Kinetic.Filters.RGB]);
darth.filters([Konva.Filters.RGB]);
darth.red(color[0]).green(color[1]).blue(color[2]);
nAdded += 1;

26
test/unit/filters/Ripple-test.js
View File

@@ -6,8 +6,8 @@ suite('Ripple', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,7 +18,7 @@ suite('Ripple', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Ripple]);
darth.filters([Konva.Filters.Ripple]);
darth.rippleSize(10);
assert.equal(darth.rippleSize(), 10);
@@ -50,8 +50,8 @@ suite('Ripple', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -62,17 +62,17 @@ suite('Ripple', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Ripple]);
darth.filters([Konva.Filters.Ripple]);
darth.rippleSize(16);
darth.rippleOffset(0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
rippleOffset: 32,
//rippleSize: 64,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
@@ -96,8 +96,8 @@ suite('Ripple', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -108,16 +108,16 @@ suite('Ripple', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Ripple]);
darth.filters([Konva.Filters.Ripple]);
darth.rippleSize(16);
darth.rippleOffset(0);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
rippleSize: 64,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {

18
test/unit/filters/Sepia-test.js
View File

@@ -6,8 +6,8 @@ suite('Filter Sepia', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,7 +18,7 @@ suite('Filter Sepia', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Sepia]);
darth.filters([Konva.Filters.Sepia]);
layer.draw();
done();
@@ -34,8 +34,8 @@ suite('Filter Sepia', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -48,7 +48,7 @@ suite('Filter Sepia', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Sepia]);
darth.filters([Konva.Filters.Sepia]);
layer.draw();
done();
@@ -64,8 +64,8 @@ suite('Filter Sepia', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -76,7 +76,7 @@ suite('Filter Sepia', function() {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Sepia]);
darth.filters([Konva.Filters.Sepia]);
layer.draw();
done();

6
test/unit/filters/Solarize-test.js
View File

@@ -6,8 +6,8 @@ suite('Solarize', function() {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -17,7 +17,7 @@ suite('Solarize', function() {
layer.add(darth);
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Solarize]);
darth.filters([Konva.Filters.Solarize]);
layer.draw();

10
test/unit/filters/Threshold-test.js
View File

@@ -6,8 +6,8 @@ suite('Threshold', function () {
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
var layer = new Konva.Layer();
darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
@@ -18,15 +18,15 @@ suite('Threshold', function () {
stage.add(layer);
darth.cache();
darth.filters([Kinetic.Filters.Threshold]);
darth.filters([Konva.Filters.Threshold]);
darth.threshold(1);
layer.draw();
var tween = new Kinetic.Tween({
var tween = new Konva.Tween({
node: darth,
duration: 5.0,
threshold: 0,
easing: Kinetic.Easings.EaseInOut
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {