fills the text at the position (x, y)
Description
fillText(text, x, y, width) fills the text at the position (x, y). The optional width argument sets an upper limit on the width
Example
<!DOCTYPE HTML>
<html>
<head>
<style>
canvas {<!-- w w w.ja va 2s. c o m-->
border: thin solid black
}
body>* {
float: left;
}
</style>
</head>
<body>
<canvas id="canvas" width="850" height="840">
Your browser doesn't support the <code>canvas</code> element
</canvas>
<script>
var ctx = document.getElementById("canvas").getContext("2d");
ctx.fillStyle = "lightgrey";
ctx.strokeStyle = "black";
ctx.lineWidth = 3;
ctx.font = "100px sans-serif";
ctx.fillText("java2s.com", 50, 100);
ctx.strokeText("java2s.com", 50, 100);
</script>
</body>
</html>