fillText method
The fillText method draws the
given text on the canvas. The first
parameter it takes is the text itself,
and the second and third are the
coordinates of the point where this
text should be placed. The font size
and type are set using the
font
property.
Syntax
context.strokeRect(text, x, y);
Example
Let's draw some text on canvas with
fillText, size of 30px
and Arial type:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);
:
See also
-
the
strokeTextmethod
that draws on the canvas the stroke of a given text -
the
fontproperty
that sets the font size and type
