evenodd-fill-ref.html 413 B

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