Title unit-5canvas.pdf ✅

HTML5 Styles and Colors: HTML5 canvas provides the following two important properties to apply colors to a shape Sr.No. Method and Description 1 fillStyle This attribute represents the color or style to use inside the shapes. 2 strokeStyle This attribute represents the color or style to use for the lines around shapes. By default, the stroke and fill color are set to black which is CSS color value #000000. A fillStyle Example Following is a simple example which makes use of the above-mentioned fillStyle attribute to create a nice pattern. The above example would produce the following result − A strokeStyle Example: Following is a simple example which makes use of the above-mentioned fillStyle attribute to create another nice pattern. The above example would produce the following result −
HTML5 Canvas - Text and Fonts HTML5 canvas provides capabilities to create text using different font and text properties listed below Sr.No. Property and Description 1 font [ = value ] This property returns the current font settings and can be set, to change the font. 2 textAlign [ = value ] This property returns the current text alignment settings and can be set, to change the alignment. The possible values are start, end, left, right, and center. textBaseline [ = value ] This property returns the current baseline alignment settings and can be set, to change the baseline alignment. The possible values are top, hanging, middle , alphabetic, ideographic and bottom. 4 fillText(text, x, y [, maxWidth ] ) This property fills the given text at the given position indicated by the given coordinates x and y. 5 strokeText(text, x, y [, maxWidth ] ) This property strokes the given text at the given position indicated by the given coordinates x and y.