HTMLCanvasElement : HTMLElement
Return to: HTML DOM Level 5 index

Provides scripts with a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly.

Platform Support

Mozilla Chrome Safari Opera IE Netscape
3.7+ no 4.0.5+ 7.0+ no no

Constructors

Constructor Action Mozilla Chrome Safari Opera IE Netscape
HTMLCanvasElement Constructor() : HTMLCanvasElement
Creates an instance of the HTMLCanvasElement.
 Show Details 3.7+ no 4.0.5+ 7.0+ no no

HTMLCanvasElement() : HTMLCanvasElement

Creates an instance of the HTMLCanvasElement.

Returns
HTMLCanvasElement

Visibility
internal

Properties

Property Action Mozilla Chrome Safari Opera IE Netscape
width : Number
Defines the width of the canvas.
 Show Details 3.7+ no 4.0.5+ 7.0+ no no
Availability

WhatWG
height : Number
Defines the height of the canvas.
 Show Details 3.7+ no 4.0.5+ 7.0+ no no
Availability

WhatWG

Inherited Functions

Method Action Mozilla Chrome Safari Opera IE Netscape
getElementsByClassName(String classNames) : NodeList
Returns a NodeList containing all the Element nodes with the specified classNames.
 Show Details 1.9+ 5.0+ 3.1+ 9.51+ no no

Parameters
String classNames (one-or-more)A string representing the class name(s) of the elements to return. Multiple class names should be separated by spaces.

Returns
NodeList

Using getElementsByClassName

                        	                    document.getElementById("useCases").getElementsByClassName("question");

Would return a NodeList of all elements inside the element with the id "useCases" to which the class "question" applies.

                        	                    document.getElementById("useCases").getElementsByClassName("question issue");

Would return a NodeList of all elements inside the element with the id "useCases" to which both the classes "question" and "issue" apply.

Remarks

Returns a list of child elements to which the specified className applies. The returned NodeList is sorted in tree order (the order the elements were found during a depth-first preorder traversal through the node tree).

See Also

Document.getElementsByClassName|Element.getElementsByClassName|HTMLDocument.getElementsByClassName

Availability

HTML 5|W3C|W3C

Functions

Method Action Mozilla Chrome Safari Opera IE Netscape
toDataURL(Array type) : String
Returns the URL for the image in the canvas.
 Show Details 3.7+ no 4.0.5+ 7.0+ no no

Parameters
Array type (zero-or-more)The type of image to be returned.

Returns
String

Availability

WhatWG
getContext(String contextId) : Object
Returns an object that exposes an API for drawing on the canvas.
 Show Details 3.7+ no 4.0.5+ 7.0+ no no

Parameters
String contextId The Id of the context to be returned.

Returns
Object

Availability

WhatWG

References

HTMLCanvasElement

Availability

JavaScript 1.2|WhatWG

text_javascript aptana_docs