HTML5 Canvas (Continue)

Understanding Coordinates The fillRect method above had the parameters (0,0,150,75). This means: Draw a 150×75 rectangle on the canvas, starting at the top left corner (0,0). The canvas’ X and Y coordinates are used to position drawings on the canvas.   More Canvas Examples Below are more examples of drawing on the canvas element:  - [...]

 Go to post page

July 17th, 2010 by earlan

HTML5 Canvas

What is Canvas? The HTML5 canvas element uses JavaScript to draw graphics on a web page. A canvas is a rectangular area, and you control every pixel of it. The canvas element has several methods for drawing paths, boxes, circles, characters, and adding images. Create a Canvas Element Add a canvas element to the HTML5 [...]

 Go to post page

July 16th, 2010 by earlan

New Elements (Continue)

New Media Elements HTML5 provides a new standard for media content: Tag Description <audio> For multimedia content, sounds, music or other audio streams <video> For video content, such as a movie clip or other video streams <source> For media resources for media elements, defined inside video or audio elements <embed> For embedded content, such as [...]

 Go to post page

July 13th, 2010 by earlan