| <link rel="match" href="layers-nested-expected.html"> |
| <meta name=fuzzy content="maxDifference=0-2; totalPixels=0-14000"> |
| <body> |
| <script> |
| var canvas, ctx; |
| canvas = document.createElement("canvas"); |
| canvas.width = 200; |
| canvas.height = 200; |
| document.body.appendChild(canvas); |
| |
| ctx = canvas.getContext("2d"); |
| |
| var circle = new Path2D(); |
| circle.arc(90, 90, 40, 0, 2 * Math.PI); |
| ctx.fill(circle); |
| |
| ctx.globalCompositeOperation = 'source-in'; |
| |
| ctx.beginLayer(); |
| |
| ctx.fillStyle = 'rgba(0,0,255,1)'; |
| ctx.fillRect(60,60,75,50); |
| |
| ctx.globalAlpha = 0.5; |
| |
| ctx.beginLayer(); |
| |
| ctx.fillStyle = 'rgba(225,0,0,1)'; |
| ctx.fillRect(50,50,75,50); |
| ctx.fillStyle = 'rgba(0,255,0,1)'; |
| ctx.fillRect(70,70,75,50); |
| |
| ctx.endLayer(); |
| ctx.endLayer(); |
| </script> |
| </body> |