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

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