| <!DOCTYPE HTML> |
| <body style="margin: 0"> |
| <label><input type="checkbox">Show test</label> |
| <label><input type="checkbox">Use solid colors</label> |
| <br> |
| <span>Expected Invalidations</span> |
| <canvas id="canvas" width="2000" height="2000" style="border: 1px solid black"> |
| <script> |
| var context = canvas.getContext("2d"); |
| context.fillStyle = 'rgba(255, 0, 0, 0.25)'; |
| context.fillRect(60, 50, 10, 10); |
| context.translate(193, 131); |
| context.scale(5, 5); |
| context.rotate(Math.PI/4); |
| context.fillRect(20, 20, 10, 10); |
| </script> |