Adding user entered text to a Canvas



Enter Text and submit.
Clock Using Canvas DEMO : Arc of Clock Add Second Minutes Hour Border
Adding Number Synch Size StopWatch

HTML

<canvas id="my_canvas" width="500" height="200"  style="border:1px solid #000000;"></canvas>
 Enter Text and submit. <br>
<input type=text id=text1 name=text1 > <input type=button id=b1 value='ADD'>
JQuery 
<script>
$(document).ready(function() {
var my_canvas=$('#my_canvas').get(0)
var gctx = my_canvas.getContext("2d");
gctx.font='28px Verdana';
gctx.fillText('plus2net.com',180,100)
////////////
$("#b1").click(function(){
var str=$('#text1').val();
//alert(str);
gctx.font='20px Verdana';
gctx.fillText(str,180,130)
});
////////
})
</script>