default 'bold 20px Arial' The style and size of the font
A canvas fillstyle that will be used on the text e.g 'red', '#00FF00'
Alignment for multiline text ('left', 'center' or 'right'), does not affect single line text
A canvas fillstyle that will be used on the text stroke e.g 'blue', '#FCFF00'
A number that represents the thickness of the stroke. Default is 0 (no stroke)
Indicates if word wrap should be used
The width at which text will wrap, it needs wordWrap to be set to true
The line height, a number that represents the vertical space that a letter uses
Set a drop shadow for the text
A fill style to be used on the dropshadow e.g 'red', '#00FF00'
Set a angle of the drop shadow
Set a distance of the drop shadow
Occasionally some fonts are cropped on top or bottom. Adding some padding will prevent this from happening by adding padding to the top and bottom of text height.
The baseline of the text that is rendered.
The lineJoin property sets the type of corner created, it can resolve spiked text issues. Default is 'miter' (creates a sharp corner).
The miter limit to use when using the 'miter' lineJoin mode. This can reduce or increase the spikiness of rendered text.
Alignment for multiline text ('left', 'center' or 'right'), does not affect single line text
Set a drop shadow for the text
Set a angle of the drop shadow
A fill style to be used on the dropshadow e.g 'red', '#00FF00'
Set a distance of the drop shadow
A canvas fillstyle that will be used on the text e.g 'red', '#00FF00'
default 'bold 20px Arial' The style and size of the font
The line height, a number that represents the vertical space that a letter uses
The lineJoin property sets the type of corner created, it can resolve spiked text issues.
The lineJoin property sets the type of corner created, it can resolve spiked text issues. Default is 'miter' (creates a sharp corner).
The miter limit to use when using the 'miter' lineJoin mode.
The miter limit to use when using the 'miter' lineJoin mode. This can reduce or increase the spikiness of rendered text.
Occasionally some fonts are cropped on top or bottom.
Occasionally some fonts are cropped on top or bottom. Adding some padding will prevent this from happening by adding padding to the top and bottom of text height.
A canvas fillstyle that will be used on the text stroke e.g 'blue', '#FCFF00'
A number that represents the thickness of the stroke.
A number that represents the thickness of the stroke. Default is 0 (no stroke)
The baseline of the text that is rendered.
Indicates if word wrap should be used
The width at which text will wrap, it needs wordWrap to be set to true
A Text Object will create a line or multiple lines of text. To split a line you can use '\n' in your text string, or add a wordWrap property set to true and and wordWrapWidth property with a value in the style object.