Mercurial > defr > drupal > scald > dnd
diff js/bt/other_libs/excanvas_0002/testcases/resizing.html @ 18:0d557e6e73f7
Added beautytips and some additional event handling code to the library.
| author | David Eads <eads@chicagotech.org> |
|---|---|
| date | Fri, 06 Mar 2009 14:11:46 -0600 |
| parents | |
| children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/js/bt/other_libs/excanvas_0002/testcases/resizing.html Fri Mar 06 14:11:46 2009 -0600 @@ -0,0 +1,65 @@ +<html> +<head> + <title>ExplorerCanvas Text Case</title> + <!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]--> + <script> + // Safari is known not to handle resizing well, expect this to + // compare to Firefox + + var cv, ctx, size = 80; + var img = new Image(); + img.src = "../examples/ff.jpg"; + + function a() { + cv = document.getElementById("aa"); + ctx = cv.getContext("2d"); + + l(); + } + + function l() { + size = (size + 1) % 800; + cv.width = Number(size + 200); + cv.height = Number((size + 200) / 2); + + // Firefox autoclears the canvas at this point + + ctx.save(); + ctx.translate(50, 50); + ctx.scale(0.1, 0.1); + ctx.rotate(size/800 * Math.PI*8); + ctx.drawImage(img, 0, -75); + ctx.restore(); + + ctx.save(); + ctx.beginPath(); + ctx.moveTo(0, 0); + ctx.lineTo(cv.width, cv.height); + ctx.moveTo(20, 20); + ctx.lineTo(80, 20); + ctx.lineTo(80, 80); + ctx.lineTo(20, 80); + ctx.stroke(); + ctx.closePath(); + ctx.restore(); + + ctx.save(); + ctx.beginPath(); + ctx.scale(size / 200, size / 200); + ctx.arc(100, 50, 20, 0, Math.PI, true); + ctx.fill(); + ctx.restore(); + + setTimeout(l, 50); + } + </script> + <style> + canvas { + background-color:#eee; + } + </style> +</head> +<body onload="a();"> +<canvas id="aa" width="200" height="200"></canvas> +</body> +</html> \ No newline at end of file