defr/drupal/scald/dnd: js/bt/other_libs/excanvas_0002/testcases/linewidth.html annotate

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

rev	line source
eads@18	1 <!DOCTYPE html>
eads@18	2 <html>
eads@18	3 <head>
eads@18	4 <title>Line Width Test</title>
eads@18	5 <style>
eads@18	6
eads@18	7 body {
eads@18	8 text-align: center
eads@18	9 }
eads@18	10
eads@18	11 </style>
eads@18	12 <!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]-->
eads@18	13 <script>
eads@18	14
eads@18	15 window.onload = function() {
eads@18	16 var ctx = document.getElementById('c').getContext('2d');
eads@18	17
eads@18	18 ctx.strokeStyle = 'black';
eads@18	19 ctx.lineWidth = 1;
eads@18	20 for (var i = 0; i < 100; i++) {
eads@18	21 ctx.beginPath();
eads@18	22 ctx.moveTo(49 + i / 100, i);
eads@18	23 ctx.lineTo(49 + i / 100, i + 1);
eads@18	24 ctx.closePath();
eads@18	25 ctx.stroke();
eads@18	26 }
eads@18	27
eads@18	28 for (var i = 0; i < 100; i++) {
eads@18	29 ctx.beginPath();
eads@18	30 ctx.moveTo(i, 49 + i / 100);
eads@18	31 ctx.lineTo(i + 1, 49 + i / 100);
eads@18	32 ctx.closePath();
eads@18	33 ctx.stroke();
eads@18	34 }
eads@18	35 };
eads@18	36
eads@18	37 </script>
eads@18	38 </head>
eads@18	39 <body>
eads@18	40
eads@18	41 <canvas id=c width=100 height=100></canvas>
eads@18	42
eads@18	43 <p>This tests that lines work in the same way in different browsers when you are
eads@18	44 using sub pixel coordinates.</p>
eads@18	45
eads@18	46 </body>
eads@18	47 </html>

Mercurial > defr > drupal > scald > dnd