rect() to add rectangle to Canvas DEMO



HTML

<canvas id="my_canvas" width="500" height="200"  style="border:1px solid #000000;"></canvas>

JQUERY

<script>
$(document).ready(function() {
var my_canvas=$('#my_canvas').get(0)
var gctx = my_canvas.getContext("2d");
gctx.rect(20,20,150,100);
gctx.stroke();
})
</script>