canvas-clearRect-with-clip.html | Explore in Territory

<html>
<body>
<canvas id="c" width=200 height=200></canvas>
<script>

// Test Canvas retains its content from previous frame if canvas contains clip.
var c2 = document.getElementById("c");
var ctx = c2.getContext('2d');
ctx.fillRect(0, 0, 200, 200);

window.requestAnimationFrame( dt=> {
  ctx.fillStyle="#FF0000";
  ctx.rect(50, 50, 100, 100);
  ctx.clip();
  ctx.clearRect(0, 0, 200, 200);
  ctx.fillRect(0, 0, 200, 200);
  window.requestAnimationFrame (dt =>{
    ctx.fillStyle="#00FF00";
    ctx.fillRect(0, 0, 200, 200);
  });
});

</script>
</body>
</html>

chromium/third_party/blink/web_tests/fast/canvas/canvas-clearRect-with-clip.html