added skew transform courtesy of danielkur #188

This commit is contained in:
Eric Rowell
2013-05-01 10:56:01 -07:00
parent ecbebeef5a
commit 43256d0916
3 changed files with 125 additions and 55 deletions

View File

@@ -600,6 +600,41 @@ Test.Modules.NODE = {
layer.add(rect);
stage.add(layer);
},
'skew': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
x: 200,
y: 100,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
skewX: 1
});
layer.add(rect);
stage.add(layer);
test(rect.getSkewX() === 1, 'rect skewX should be 1');
test(rect.getSkewY() === 0, 'rect skewY should be 0');
/*
rect.transitionTo({
duration: 4,
skewY: -2,
easing: 'ease-in-out'
})
*/
},
'init with position, scale, rotation, then change scale': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,