Logo
  Sunday, May 20, 2012
Sign-In  |  Sign-Up  |  Contact Us  | Bookmark |  RSS Feed

HTML5 Tutorial FeedBurner

The HTML5 <canvas> Tag  
The HTML5 <canvas> tag is important in enabling on the spot drawing of graphics. It is important though to use scripting, like JavaScript, to be able to utilize the function. The HTML5 <canvas> tag is necessary primarily for containing the graphics. However, the actual drawing of the graphics should be done with the use of script.

The <canvas> tag is newly introduced for HTML5 so this is not found in HTML4.01.

Using the HTML5 <canvas> tag is not really a problem since this is supported by all major web browsers these days such as Google Chrome, Internet Explorer, Safari, Opera and Firefox. In cases wherein the HTML5 <canvas> tag is not supported by the web browser, all texts inside the <canvas> element are shown.

The <canvas> tag is capable of working along with both the Event Attributes and Global Attribute in HTML5. Attributes for the HTML5 <canvas> tag are the following:

Attribute

Value

Description

Height

pixels

Specifies the height of the canvas

width

pixels

Specifies the width of the canvas

It has to be noted that these attributes are new since the HTML5 <canvas> tag is not utilized for HTML4.01.

Print HTML5 <canvas> Tag Bookmark HTML5 <canvas> Tag

Related Articles  
The HTML5 <p> Tag
The main purpose of the HTML5 <p> tag is to determine the paragraph within the HTML document. This is necessary so ...
The HTML5 <bdi> Tag
The HTML5 <bdi> tag is a new addition to the tags that can be used with HTML5. BDI stands for Bi Directional ...
The HTML5 <object> Tag
The HTML5 <object> tag is the key which enables HTML authors to do this. When embedding video, audio, PDF, Flash ...
The HTML5 <a> Tag
The HTML5 <a> tag is essential when it comes to determining a particular hyperlink. The <a> tag enables to ...
The HTML5 <output> Tag
The HTML5 <output> tag has to be placed within an HTML document if the calculation result has to be represented. ...
The HTML5 <figure> Tag
The HTML5 <figure> tag is primarily used for adding self-contained content within the document. It is utilized ...
More