evenodd-fill-2.html (438B)
1 <html> 2 <head> 3 <script type="text/javascript"> 4 window.onload = function() { 5 var ctx = document.getElementById("c1").getContext("2d"); 6 ctx.mozFillRule = "evenodd"; 7 ctx.rect(50, 50, 200, 200); 8 ctx.rect(100, 100, 100, 100); 9 ctx.clip(); 10 11 ctx.beginPath(); 12 ctx.fillRect(0, 0, 300, 300); 13 } 14 </script> 15 </head> 16 <body> 17 <div><canvas id="c1" width="300" height="300"></canvas></div> 18 </body> 19 </html>