Text:

Text is stroked and filled immediately.

Functions:

• fillText(text, x, y, maxWidth) - fills a given text at the given (x,y) position. Optionally with a maximum width to draw. The fill is according to the fillStyle property.
• strokeText(text, x, y, maxWidth) - Strokes a given text at the given (x,y) position. Optionally with a maximum width to draw. The stroke is according to the strokeStyle property.
• measureText(text).width - the width in pixels of a text.

Properties:

• font - uses the same syntax as the CSS font property. The default font is 10px sans-serif.
• textAlign - text alignment setting. Possible values: start, end, left, right or center. The default value is start.
• textBaseLine - baseline alignment setting. Possible values: top, hanging, middle, alphabetic, ideographic, bottom. The default value is alphabetic.



• direction - text direction: rtl, ltr.

To Do

Try the following options:

ctx.font = 'italic bold 38pt Arial';