<html class="reftest-wait"> <head> <script> function doTest() { var c = document.getElementById('c'); var ctx = c.getContext('2d'); ctx.transform(1, 0, 0, 1, 0.5, 0.5); ctx.moveTo(0,0); ctx.lineTo(100,0); ctx.lineTo(100, 100); ctx.lineTo(0,100); ctx.closePath(); ctx.moveTo(0,0); ctx.lineTo(100,0); ctx.lineTo(100, 100); ctx.lineTo(0,100); ctx.closePath(); ctx.clip('evenodd'); ctx.fillStyle = 'red'; ctx.fillRect(0,0,400,400); document.documentElement.removeAttribute("class"); } </script> </head> <body onload="doTest()"> <canvas id="c" width="400" height="400"></canvas> </body> </body></html>