lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-19 02:37:59 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

multiple transitions on the same node are now supported

Browse Source
This commit is contained in:
Eric Rowell
2013-04-28 14:14:45 -07:00
parent 1dc323305b
commit bf8d2db0df
4 changed files with 43 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
tests/js/manualTests.js
View File

@@ -22,18 +22,23 @@ Test.Modules.TRANSITION = {
layer.add(rect);
stage.add(layer);
// transition 1
rect.transitionTo({
duration: 2,
x: 400,
y: 30,
shadowOffset: {
x: 80
},
rotation: Math.PI * 2,
easing: 'bounce-ease-out'
});
// transition 2
rect.transitionTo({
duration: 2,
shadowOffsetX: 80,
rotation: Math.PI * 2,
easing: 'bounce-ease-out'
});
},
'all transition types': function(containerId) {
document.getElementById(containerId).style.height = '300px';
@@ -70,7 +75,10 @@ Test.Modules.TRANSITION = {
'ease-in, ease-out, ease-in-out hovers': function(containerId) {
function addHovers(shape, easing) {
shape.on("mouseover", function() {
this.transitionTo({
if (this.trans) {
this.trans.stop();
}
this.trans = this.transitionTo({
scale: {
x: 1.5,
y: 1.5
@@ -83,7 +91,10 @@ Test.Modules.TRANSITION = {
});
});
shape.on("mouseout", function() {
this.transitionTo({
if (this.trans) {
this.trans.stop();
}
this.trans = this.transitionTo({
scale: {
x: 1,
y: 1