HTML5 Canvas Example

HTML

<canvas id="canvas" width="480" height="320"></canvas>

CSS

#canvas {
    
}
#background {
    display: none;
}
#ballon {
    position: absolute;
    top: 50px;
    left: 50px;
    cursor: move;
    opacity: 0.5;
}

JavaScript

$(document).ready(function() {
    var d_canvas = document.getElementById('canvas');
    var context = d_canvas.getContext('2d');
    context.rect(10,10,100,100);
    context.rect(10.5,120.5,100,100);
    context.fillstyle = 'black';
    context.stroke();
});