Canvas: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
Line 4: Line 4:


A example for color cycling with the canvas element [[http://www.effectgames.com/demos/canvascycle/]]
A example for color cycling with the canvas element [[http://www.effectgames.com/demos/canvascycle/]]
Get the canvas tag:
c=document.getElementById("c")
Get the "context" (like a paper):
p=c.getContext("2d");
Draw something!
p.fillRect(0, 0, 100, 100);

Revision as of 16:08, 24 September 2012

The canvas tag was introduced by Apple and has been standardized to become part of HTML5.

A simple example page...

A example for color cycling with the canvas element [[1]]


Get the canvas tag:

c=document.getElementById("c")

Get the "context" (like a paper):

p=c.getContext("2d");

Draw something!

p.fillRect(0, 0, 100, 100);