Mercurial > defr > drupal > scald > dnd
annotate js/bt/other_libs/excanvas_0002/testcases/linewidth.html @ 54:d6f510f35e72 tip
Fix a PHP notice
| author | Franck Deroche <franck@defr.org> |
|---|---|
| date | Thu, 19 Aug 2010 12:02:47 +0200 |
| parents | 0d557e6e73f7 |
| 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> |
