เขียนข้อความ TEXT with HTML5

โดย สมโภชน์ กุลธารารมณ์

<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}

#myCanvas {
border: 1px solid #9C9898;
}
</style>
<script>
window.onload = function(){
var canvas = document.getElementById(“myCanvas”);
var context = canvas.getContext(“2d”);
var x = 150;
var y = 100;
context.font = “40pt Calibri”;
context.fillText(“Hello World!”, x, y);
};
</script>
</head>
<body onmousedown=”return false;”>
<canvas id=”myCanvas” width=”578″ height=”200″>
</canvas>
</body>
</html>