layout/reftests/canvas/text-ltr-alignment-test.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 <title>Test to ensure left/right and start/end are offset by text width for ltr text</title>
michael@0 5 </head>
michael@0 6 <body>
michael@0 7 <canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
michael@0 8 <script type="text/javascript">
michael@0 9 var canvas = document.getElementById('c');
michael@0 10 var ctx = canvas.getContext('2d');
michael@0 11
michael@0 12
michael@0 13 ctx.fillStyle = 'black';
michael@0 14 ctx.font = '20px sans-serif';
michael@0 15 ctx.textBaseline = 'top';
michael@0 16
michael@0 17 var str = 'TEXT';
michael@0 18 var wid = ctx.measureText(str).width;
michael@0 19
michael@0 20 ctx.textAlign = 'right';
michael@0 21 ctx.fillText(str, 64+wid, 0);
michael@0 22 ctx.textAlign = 'end';
michael@0 23 ctx.fillText(str, 64+wid, 20);
michael@0 24 ctx.textAlign = 'left';
michael@0 25 ctx.fillText(str, 64-wid/2, 40);
michael@0 26
michael@0 27 </script>
michael@0 28 </body>
michael@0 29 </html>

mercurial