Formatting Text

suggest change

The default font formatting provided by the fillText and strokeText methods isn’t very aesthetically appealing. Fortunately the canvas API provides properties for formatting text.

Using the font property you can specify:

For example:

ctx.font = "italic small-caps bold 40px Helvetica, Arial, sans-serif";
ctx.fillText("My text", 20, 50);


Using the textAlign property you can also change text alignment to either:

For example:

ctx.textAlign = "center";

Feedback about page:

Optional: your email if you want me to get back to you:

Table Of Contents