text-big-fill.html (499B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Test to ensure fillText and strokeText look different</title> 5 </head> 6 <body> 7 <canvas id="c" width="128" height="64"></canvas> 8 <script type="text/javascript"> 9 var canvas = document.getElementById('c'); 10 var ctx = canvas.getContext('2d'); 11 12 var str = 'text'; 13 ctx.fillStyle = 'black'; 14 ctx.strokeStyle = 'black'; 15 ctx.font = 'bold 64px sans-serif'; 16 ctx.textAlign = 'left'; 17 ctx.textBaseline = 'top'; 18 ctx.fillText(str, 0, 0); 19 20 </script> 21 </body> 22 </html>