<h2>jCanvas example: Drawing text</h2>
<canvas id="myCanvas" width="600" height="300">
<p>This is fallback content for users of assistive technologies or of browsers that don't have full support for the Canvas API.</p>
</canvas>
body {
text-align: center;
}
canvas {
margin: auto;
display: block;
}
// Store the canvas object into a variable
var $myCanvas = $('#myCanvas');
$myCanvas.drawText({
text: 'jCanvas is fun',
fontFamily: 'cursive',
fontSize: 40,
x: 290, y: 150,
fillStyle: 'lightblue',
strokeStyle: 'blue',
strokeWidth: 1
});
This Pen doesn't use any external CSS resources.