Adding text to the Canvas using the fillText and strokeText methods Mocktest

The lineWidth property sets the width of the text outline.

The strokeText method is used to render outlined text, while fillText renders filled text.

The strokeText method should be used to render text with an outline.

If the font property is not set, text is rendered but may not appear as expected.

The textAlign property sets the alignment of text relative to the specified coordinates.

You can render text with both fill and stroke styles in JavaScript by using the fillText and strokeText methods along with appropriate styling properties such as fillStyle, strokeStyle, font, and lineWidth.

The textAlign property in text rendering on canvas is used to set the text alignment relative to the specified coordinates, allowing you to align text horizontally (left, center, right) based on where you want it to be positioned on the canvas.

You can set the font size and type for text rendering using the font property by setting fontStyle to the desired font size and type. For example, context.font = '20px Arial'; sets the font size to 20 pixels and the font type to Arial for text rendering.

The fillText method should be used to render text with a specific maximum width, using the maxWidth parameter to specify the maximum width for the text to be rendered.

You can render text with a specific maximum width on the canvas by using the fillText method with the maxWidth parameter, specifying the maximum width for the text to be rendered.