<!DOCTYPE html>
<style>
canvas {
background-color: gray;
width: 100px;
height: 100px;
}
</style>
<p>Test passes if a green square inside a gray square is shown without distortion.</p>
<div>
<canvas width='100' height='100'></canvas>
</div>
<script>
function paintCanvas(canvas)
{
var ctx = canvas.getContext('2d');
ctx.fillStyle = 'green';
ctx.fillRect(35, 35, 30, 30);
}
paintCanvas(document.querySelector('canvas'));
</script>