From 6bd5c08a1d3f28976ef2fb8c31988cd9c18ee055 Mon Sep 17 00:00:00 2001 From: gnarf Date: Tue, 8 Mar 2011 16:04:55 -0600 Subject: [PATCH] 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... (cherry picked from commit fa7f5d2873b1fef978eab7d9f342c5afa77e061c) --- demos/effect/easing.html | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/demos/effect/easing.html b/demos/effect/easing.html index d76957118..0b6ba0885 100644 --- a/demos/effect/easing.html +++ b/demos/effect/easing.html @@ -33,7 +33,8 @@ } var graph = $( "
" ).addClass( "graph" ).appendTo( "#graphs" ), text = $( "
" ).text( ++i + ". " + name ).appendTo( graph ), - canvas = $( "" ).appendTo( graph )[ 0 ]; + wrap = $( "
" ).appendTo( graph ).css( 'overflow', 'hidden' ), + 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 ); }); -- 2.39.5