Canvas text

Basic Example of text in Canvas

by ian_smithz

HTML

<canvas id="c" width="300" height="130">
<p>No canvas.</p>
</canvas>

CSS

body {
    background: #cccccc;
}

#c {
    display: block;
    margin: 10px auto;
    background: white;
}

JavaScript

var canvas = document.getElementsByTagName("canvas")[0],
    ctx = canvas.getContext('2d');

ctx.font = "40px 'Helvetica'";
ctx.textBaseline = 'alphabetic';
ctx.scale(1,1);
ctx.fillStyle = "green";
ctx.fillText ("Hello World", 10, 60);