layout/reftests/canvas/strokeText-path.html

Thu, 15 Jan 2015 21:03:48 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 21:03:48 +0100
branch
TOR_BUG_9701
changeset 11
deefc01c0e14
permissions
-rw-r--r--

Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <script type="text/javascript"><!--
michael@0 5 window.onload = function () {
michael@0 6 var canvas = document.getElementById('testCanvas'),
michael@0 7 context = canvas.getContext('2d');
michael@0 8
michael@0 9 // draw a path
michael@0 10 context.beginPath();
michael@0 11 context.moveTo(10, 10);
michael@0 12 context.lineTo(200, 10);
michael@0 13 context.lineTo(200, 200);
michael@0 14 context.stroke();
michael@0 15 context.closePath();
michael@0 16
michael@0 17 context.clearRect(0, 0, canvas.width, canvas.height);
michael@0 18
michael@0 19 // draw some text
michael@0 20 context.font = 'bold 40px sans-serif';
michael@0 21 context.strokeText("Hello world!", 10, 50);
michael@0 22 };
michael@0 23 // --></script>
michael@0 24 </head>
michael@0 25 <body>
michael@0 26 <p>You should see only see "Hello world!" below, without any additional
michael@0 27 line. JavaScript is required.</p>
michael@0 28
michael@0 29 <p><canvas id="testCanvas" width="400" height="300">You need Canvas
michael@0 30 support.</canvas></p>
michael@0 31
michael@0 32 </body>
michael@0 33 </html>

mercurial