
<!DOCTYPE html><html><head><style type="text/css">body { font-family:'DejaVu Sans Mono'; font-size:12px; background:Window}</style></head><body><div><canvas id="canvas" width="200" height="200"></canvas><br>

<input type="button" value="draw" onclick="var ctx = document.getElementById('canvas').getContext('2d');ctx.fillStyle = '#000';ctx.fillRect(0, 0, 200, 200);ctx.fillStyle = '#CCC';ctx.beginPath();ctx.arc(100, 100, 50, 0, Math.PI * 2, true);ctx.fill();"><br><br></div></body></html>