Labs/Bespin/DesignDocs/Inline Documentation/Canvas: Difference between revisions
< Labs | Bespin | DesignDocs | Inline Documentation
Jump to navigation
Jump to search
m (→Existing) |
m (→Overview) |
||
| Line 1: | Line 1: | ||
==Overview== | ==Overview== | ||
Canvas is an HTML element that allows you to generate images using javascript. This is in contrast to [http://en.wikipedia.org/wiki/SVG SVG] and [http://en.wikipedia.org/wiki/VML VML] which are systems for generating Vector shapes that are added to the DOM. | |||
In contrast Canvas elements act just like <img> elements in that they are represented by only one DOM element, and are comprised of a 2D grid of pixels. | |||
==Existing== | ==Existing== | ||
===Documentation=== | ===Documentation=== | ||
Revision as of 23:18, 22 May 2009
Overview
Canvas is an HTML element that allows you to generate images using javascript. This is in contrast to SVG and VML which are systems for generating Vector shapes that are added to the DOM.
In contrast Canvas elements act just like <img> elements in that they are represented by only one DOM element, and are comprised of a 2D grid of pixels.
Existing
Documentation
- Canvas Topics (Mozilla Developer Center)
- Wikipedia
- WhatWG Canvas Element
- Nihologic Cheatsheet (HTML, PDF, .PNG)
- Browser Coverage
Tutorials
Demos
- Galleries
- Chrome Experiments
- Nihilogic Labs
- Ben Joffe
- Wii Opera SDK (Interactive Raycasting demo index)
See also
- Processingjs: Exhibition, Basic Demos, Topic Demos, and Custom Demos
- Algorithmic Ink: Site, Blog Intro