canvas example

messing with canvas

by lemon kazi

HTML

<canvas id="canvas" width="200" height="200">
            This text is displayed if your browser does not support HTML5 Canvas.
        </canvas>

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);