layout/reftests/canvas/text-horzline-with-top.html@925c144e1f1f
layout/reftests/canvas/text-horzline-with-top.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>Test to ensure top basline-anchored text doesn't intersect horz line</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');
12 ctx.fillStyle = 'white';
13 ctx.fillRect(0, 0, canvas.width, canvas.height)
15 ctx.strokeStyle = 'black';
16 ctx.beginPath();
17 ctx.moveTo(0,32);
18 ctx.lineTo(128,32);
19 ctx.stroke();
21 ctx.font = '30px sans-serif';
22 ctx.textBaseline = 'top';
23 ctx.fillText('TEXT', 64, 32);
25 </script>
26 </body>
27 </html>
