blob: 6b6c89c1847f15b5082f656f1a3e8d993c5a6d6f [file] [log] [blame]
canvas {
background-color: gray;
border-radius: 40px 200px 10px 200px;
padding: 10px;
margin: 20px;
border: 5px solid red;
<h3>It passes if:</h3>
<li>the 10px gray background is visible around the canvas content</li>
<li>has 5px solid red border</li>
<li>all the corners for border and padding are rounded</li>
<li>the bottom right corner of canvas content is NOT rounded</li>
<canvas id="theCanvas" width="257" height="257"></canvas>
if (window.internals) {
internals.runtimeFlags.accelerated2dCanvasEnabled = true;
var context = theCanvas.getContext('2d');
context.fillStyle = 'green';
context.fillRect(0, 0, theCanvas.width, theCanvas.width);