layout/reftests/canvas/text-context-state-test.html@925c144e1f1f
layout/reftests/canvas/text-context-state-test.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>text to ensure text attributes are saved in the context state</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.textAlign = 'left';
13 ctx.textBaseline = 'top';
14 ctx.font = '16px sans-serif';
16 ctx.save();
18 ctx.textAlign = 'right';
19 ctx.textBaseline = 'alphabetic';
20 ctx.font = '24px serif';
22 ctx.save();
24 ctx.textAlign = 'center';
25 ctx.textBaseline = 'bottom';
26 ctx.font = '10px sans-serif';
28 ctx.fillText('something', 80, 60);
30 ctx.restore();
32 ctx.fillText('other thing', 128, 40);
34 ctx.restore();
36 ctx.fillText('yet another thing', 0, 0);
38 </script>
39 </body>
40 </html>
