// a1. canvas definition standard canvas = document.getElementById("canvasArea"); context = canvas.getContext("2d"); // a2. message details. center on canvas var mText = "Hi there!"; var xPos = canvas.width/2; var yPos = canvas.height/2; // a3. text format details context.font = "60pt Comic Sans MS"; context.fillStyle = "hotpink"; context.textAlign = "center"; context.textBaseline = "middle"; // a4. clipping region context.rect(40,40,320,50); context.clip(); // a5. fill text context.fillText(mText.xPos, yPos);