4 <title>text to ensure text attributes are saved in the context state
</title>
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';
18 ctx
.textAlign
= 'right';
19 ctx
.textBaseline
= 'alphabetic';
20 ctx
.font
= '24px serif';
24 ctx
.textAlign
= 'center';
25 ctx
.textBaseline
= 'bottom';
26 ctx
.font
= '10px sans-serif';
28 ctx
.fillText('something', 80, 60);
32 ctx
.fillText('other thing', 128, 40);
36 ctx
.fillText('yet another thing', 0, 0);