Posts

Showing posts with the label HTML Canvas Tutorial

Basic Elements - Learn HTML - Free Interactive HTML Tutorial

Image
Basic Elements The use of basic HTML Tags.. Coding.... <!DOCTYPE html> <html> <head> <title>Example page</title> </head> <body> <h1>Heading 1</h1> <h2>Heading 1</h2> <h3>Heading 1</h3> <h4>Heading 1</h4> <h5>Heading 1</h5> <h6>Heading 1</h6> <p>This is peragraph.</p> <p>Horizontal Line Below</p> <hr /> </body> </html> Output Of Above Code... Output

HTML Canvas Tutorial

HTML Canvas Tutorial: Colors, Styles, and Shadows Property Description fillStyle Sets or returns the color, gradient, or pattern used to fill the drawing strokeStyle Sets or returns the color, gradient, or pattern used for strokes shadowColor Sets or returns the color to use for shadows shadowBlur Sets or returns the blur level for shadows shadowOffsetX Sets or returns the horizontal distance of the shadow from the shape shadowOffsetY Sets or returns the vertical distance of the shadow from the shape Method Description createLinearGradient() Creates a linear gradient (to use on canvas content) createPattern() Repeats a specified element in the specified direction createRadialGradient() Creates a radial/circular gradient (to use on canvas content) addColorStop() Specifies the colors and stop positions in a gradient object Line Styles Property Description lineCap Sets or returns the style of the end caps for a line lineJoin Sets or returns the type of cor...