html5 canvas

simple drawing

by steveow

HTML

<canvas id="canvas" width="200" height="200">
            This text is displayed if your browser does not support HTML5 Canvas.
        </canvas>
        
        <!--- forked from version by user brouxOO , thankyou -->

CSS

canvas {
    border: 1px dotted black;
}

JavaScript

var my_canvas = document.getElementById('canvas'),
    context = my_canvas.getContext("2d");
    
context.moveTo(20, 20);
context.lineTo(100, 20);

context.fillStyle = "#999";
context.beginPath();
context.arc(100,100,75,0,2*Math.PI);
context.fill();

context.fillStyle = "orange";
//context.strokeRect(20,20,30,50);
context.fillRect(20,20,50,50);

context.font = "24px Helvetica";
context.fillStyle = "#000";
context.fillText("Canvas", 50, 130);