HTML5 Samples

Canvas

Utilizing the "strokeText()" and other built-in methods to put text in, style it and position it within the canvas.

A fillStyle with a ‘for’ loop, which generates hex colors.

An onload event using the ‘drawImage()’ built-in method, which displays an image and places it within the canvas.

Utilizing the "canvas.getContext(‘2d’)" built-in function to set the the background color in a specified area.

Utilizing the "stroke()" built-in function to put a line in the canvas and position it within the canvas.

Utilizing the "beginPath()" & "stroke()" built-in functions to put a circle in and position it within the canvas.

Utilizing the "createLinearGradient()" built-in function to put a gradient in and position it within the canvas.

Utilizing the "createLinearGradient()" built-in function to put a gradient in and position it within the canvas.

SVG

Simple SVG objects embedded in the page.

Text

Filters & Gradients

Mixed fabulousness

Animation