third_party/WebKit/LayoutTests/fast/borders/border-radius-mask-canvas-border.html

   1 <!DOCTYPE HTML>
   2 <html>
   3   <head>
   4     <style>
   5       canvas {
   6         background-color: gray;
   7         border: 10px solid red;
   8         border-radius: 200px 100px 0px 0px;
   9       }
  10     </style>
  11   </head>
  12   <body>
  13     <h3>It passes if:</h3>
  14     <ul>
  15       <li>the canvas content has rounded corners (top-left and top-right)</li>
  16       <li>the 10px red border is visible around the canvas content</li>
  17       <li>gray border is not visible</li>
  18     </ul>
  19     <canvas id="theCanvas" width="257" height="257"></canvas>
  20     <script>
  21       if (window.internals) {
  22         internals.settings.setAccelerated2dCanvasEnabled(true);
  23       }
  24       var context = theCanvas.getContext('2d');
  25       context.fillStyle = 'green';
  26       context.fillRect(0, 0, theCanvas.width, theCanvas.width);
  27     </script>
  28   </body>
  29 </html>