1304353-text-global-composite-op-1-ref.html (490B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script> 5 function test() { 6 var c = document.getElementById("c"); 7 var ctx = c.getContext("2d"); 8 ctx.fillStyle = "green"; 9 ctx.fillRect(0, 0, 300, 75); 10 ctx.font = "36px sans-serif"; 11 ctx.fillStyle = "white"; 12 ctx.fillText("HELLO", 50, 50); 13 ctx.fillStyle = "green"; 14 ctx.fillText("WORLD", 50, 120); 15 } 16 </script> 17 </head> 18 <body onload="test()"> 19 <canvas id="c" width="300" height="150" style="-moz-osx-font-smoothing:grayscale"></canvas> 20 </body> 21 </html