Skip to content
Permalink
Browse files

Effects demo: Animate a containing div instead of the canvas directly…

… for easing demo. Fixes #7086 - easing only first click is working.

Canvas seems to be animating poorly in Chrome 11 - and animating the height only is scaling width too in some browsers yet not others...
  • Loading branch information...
gnarf authored and scottgonzalez committed Mar 8, 2011
1 parent 58480d8 commit fa7f5d2873b1fef978eab7d9f342c5afa77e061c
Showing with 4 additions and 3 deletions.
  1. +4 −3 demos/effect/easing.html
@@ -33,7 +33,8 @@
}
var graph = $( "<div/>" ).addClass( "graph" ).appendTo( "#graphs" ),
text = $( "<div/>" ).text( ++i + ". " + name ).appendTo( graph ),
canvas = $( "<canvas/>" ).appendTo( graph )[ 0 ];
wrap = $( "<div/>" ).appendTo( graph ).css( 'overflow', 'hidden' ),
canvas = $( "<canvas/>" ).appendTo( wrap )[ 0 ];
canvas.width = width;
canvas.height = height;
var drawHeight = height * 0.8,
@@ -78,9 +79,9 @@
});
ctx.stroke();
graph.click(function() {
$( canvas )
wrap
.animate( { height: "hide" }, 2000, name )
.animate( { left: 0 }, 800 )
.delay( 800 )
.animate( { height: "show" }, 2000, name );
});

0 comments on commit fa7f5d2

Please sign in to comment.
You can’t perform that action at this time.