Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / borders / border-radius-mask-canvas-with-shadow.html
blobbf368f04cf431265cbc8842ef1fb7ff32bb68d01
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 box-shadow: 0 0 8px 8px #888;
13 </style>
14 </head>
15 <body>
16 <h3>It passes if:</h3>
17 <ul>
18 <li>the canvas element has 8px gray shadow around</li>
19 <li>the canvas content has rounded corners</li>
20 </ul>
21 <canvas id="theCanvas" width="257" height="257"></canvas>
22 <script>
23 if (window.internals) {
24 internals.settings.setAccelerated2dCanvasEnabled(true);
26 var context = theCanvas.getContext('2d');
27 context.fillStyle = 'green';
28 context.fillRect(0, 0, theCanvas.width, theCanvas.width);
29 </script>
30 </body>
31 </html>