library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

effects: demo visualising easing functions, tuning

Browse Source
This commit is contained in:
Jörn Zaefferer 2009-04-23 21:37:07 +00:00
parent c3d8917e56
commit a0050d1337
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
demos/effect/easing.html
View File

@ -61,13 +61,14 @@
}); });
// needs higher precision for better graphs // needs higher precision for better graphs
$.each(new Array(100), function(position) { var mod = 2;
var mod = impl(0, position, 0, 1, 100);
ctx.beginPath(); ctx.beginPath();
ctx.moveTo(position, 100 - position * mod); $.each(new Array(100 * mod), function(position) {
ctx.lineTo(position + 1, 99 - position * mod); var ease = impl(0, position, 0, 1, 100 * mod);
ctx.stroke(); ctx.moveTo(position / mod, 100 - position / mod * ease);
ctx.lineTo(position / mod + 1, 99 - position / mod * ease);
}); });
ctx.stroke();
graph.click(function() { graph.click(function() {
$(canvas).animate({height: "hide"}, "slow", name).animate({height: "show"}, "slow", name); $(canvas).animate({height: "hide"}, "slow", name).animate({height: "show"}, "slow", name);
}); });
@ -88,7 +89,7 @@
<div class="demo-description"> <div class="demo-description">
<p>All easings provided by jQuery UI are drawn above. Click a diagram to see the easing in action.</p> <p><strong>All easings provided by jQuery UI are drawn above, using a HTLM canvas element</strong>. Click a diagram to see the easing in action.</p>
</div><!-- End demo-description --> </div><!-- End demo-description -->