JavaScript - HTML5 canvas tutorial

• Overview
• Canvas animations
• Change text color
• Clear canvas
• Clear canvas with specific color
• Create layers on canvas
• Create pattern
• Download canvas as png file on click
• Draw circle
• Draw ellipse
• Draw image
• Draw line
• Draw path (polygonal chain)
• Draw pixel
• Draw point
• Draw polygon
• Draw rectangle
• Draw shadow
• Draw square
• Draw svg
• Draw text
• Draw triangle
• Fill canvas with linear gradient
• Fill canvas with two different colors horizontally
• Fill canvas with two different colors vertically
• Fill circle with certain color
• Fill ellipse with certain color
• Fill polygon with certain color
• Get canvas size
• Get only certain part of canvas
• Is point in path on canvas
• Rotate image
• Scale drawing
• Set line width (thickness)
• Set lineCap property
• Set path width (thickness)
• Translate drawing
• fillStyle vs strokeStyle