Mercurial > defr > drupal > scald > dnd

annotate js/bt/other_libs/excanvas_0002/testcases/quadraticcurve.html @ 38:9e27e0aca323

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Allow the library to specify a possible legend for the element. This legend will be placed *outside* the atom representation, which means that it's freely editable in the rich text and won't be taken over by Scald.
author Franck Deroche <franck@defr.org>
date Fri, 18 Sep 2009 15:17:05 +0200
parents 0d557e6e73f7
children
rev   line source
eads@18 1 <!DOCTYPE html>
eads@18 2 <html>
eads@18 3 <head>
eads@18 4 <title>Quadratic Curve 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 ctx.beginPath();
eads@18 21 ctx.moveTo(50, 50);
eads@18 22 ctx.quadraticCurveTo(0, 0, 25, 75);
eads@18 23 ctx.quadraticCurveTo(50, 0, 50, 50);
eads@18 24 ctx.stroke();
eads@18 25 };
eads@18 26
eads@18 27 </script>
eads@18 28 </head>
eads@18 29 <body>
eads@18 30
eads@18 31 <canvas id=c width=100 height=100></canvas>
eads@18 32
eads@18 33 <p>This tests that drawing quadratic curves work in the same way in different
eads@18 34 browsers.</p>
eads@18 35
eads@18 36 </body>
eads@18 37 </html>
eads@18 38 <!DOCTYPE html>
eads@18 39 <html>
eads@18 40 <head>
eads@18 41 <title>Quadratic Curve Test</title>
eads@18 42 <style>
eads@18 43
eads@18 44 body {
eads@18 45 text-align: center
eads@18 46 }
eads@18 47
eads@18 48 </style>
eads@18 49 <!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]-->
eads@18 50 <script>
eads@18 51
eads@18 52 window.onload = function() {
eads@18 53 var ctx = document.getElementById('c').getContext('2d');
eads@18 54
eads@18 55 ctx.strokeStyle = 'black';
eads@18 56 ctx.lineWidth = 1;
eads@18 57 ctx.beginPath();
eads@18 58 ctx.moveTo(50, 50);
eads@18 59 ctx.quadraticCurveTo(0, 0, 25, 75);
eads@18 60 ctx.quadraticCurveTo(50, 0, 50, 50);
eads@18 61 ctx.stroke();
eads@18 62 };
eads@18 63
eads@18 64 </script>
eads@18 65 </head>
eads@18 66 <body>
eads@18 67
eads@18 68 <canvas id=c width=100 height=100></canvas>
eads@18 69
eads@18 70 <p>This tests that drawing quadratic curves work in the same way in different
eads@18 71 browsers.</p>
eads@18 72
eads@18 73 </body>
eads@18 74 </html>