Simple Canvas Example

______________________________HTML
<div style="float:right;">
<canvas id="ctx" width="400" height="400" style="border:1px solid #000;"></canvas>
</div>

______________________________JAVASCRIPT
<script>
var ctx = document.getElementById("ctx").getContext("2d");

// 1. Modify Settings =
ctx.font = "30px Arial"; //font size and type
ctx.fillStyle = "red"; //color of text and forms
ctx.globalAlpha = 0.9; //transparency

// 2. Draw Something in the Canvas ()
ctx.fillText("Hello World",50,50);
ctx.fillRect (50,50,100,100);
ctx.clearRect (75,75,100,100);

</script>