third_party/WebKit/LayoutTests/fast/canvas/canvas-css-clip-path.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4 Test that verifies that CSS clip paths apply correctly to canvas elements. The test should show a green square inside a larger yellow square.
   5 <div style="background-color: yellow; width:100px; height:100px">
   6 <canvas id="c" style="-webkit-clip-path: inset(10px);" width="100" height="100"></canvas>
   7 </div>
   8 <script>
   9     var context = document.getElementById('c').getContext('2d');
  10     context.fillStyle = 'green';
  11     context.fillRect(0, 0, 300, 300);
  12 </script>
  13 </body>
  14 </html>