layout/reftests/canvas/text-ltr-alignment-test.html

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