blob: 2ef5fac4749bca9fda42e29adb3601f2e17e5a56 [file] [log] [blame]
canvas {
background-color: gray;
border: 10px solid red;
border-radius: 200px 100px 0px 0px;
<h3>It passes if:</h3>
<li>the canvas content has rounded corners (top-left and top-right)</li>
<li>the 10px red border is visible around the canvas content</li>
<li>gray border is not visible</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);