| 12345678910111213141516171819202122232425 |
- <!DOCTYPE html>
- <html>
- <head>
- <script>
- function test() {
- var c = document.getElementById("c");
- var ctx = c.getContext("2d");
- ctx.fillStyle = "green";
- ctx.fillRect(0, 0, 300, 150);
- ctx.fillStyle = "red";
- ctx.font = "36px sans-serif";
- ctx.globalCompositeOperation = "destination-out";
- ctx.fillText("HELLO", 50, 50);
- ctx.rect(0, 75, 300, 75);
- ctx.clip();
- ctx.globalCompositeOperation = "destination-atop";
- ctx.fillText("WORLD", 50, 120);
- }
- </script>
- </head>
- <body onload="test()">
- <canvas id="c" width="300" height="150" style="-moz-osx-font-smoothing:grayscale"></canvas>
- </body>
- </html
|
