Canvas Element Overview

Test Your Skill

Q. Which of the following input type was not introduced with HTML5.
URLSearchmultipleEmail

View all questions...

HTML 5 came up with new element <canvas>. This is a HTML tag similar to other tags already present in HTML with difference that content of canvas is rendered with JavaScript. That directly implies that you need to have JavaScript enabled to view the features of canvas element. Canvas currently support 2D animation.

Below is the skeleton of a canvas that is the building block for any application of Canvas.

<html>

<body>

Sorry! your browser does not support Canvas.

</canvas>

window.onload = function () {

var c = document.getElementById("cavId");

var cxt = c.getContext("2d");

}

</script>

</body>

</html>

getContext('2d') is the most important method of canvas and provides the drawing context. Currently Chrome, Safari and Firefox 3.0+ and IE 9.0 support canvas element. Check if your browser has HTML5 support.

<< Previous

Next >>

Add Comment

Comment

Name
(Required)

E-mail (Privacy assured)
(Required)

Subscribe to this site by email

Test Your Skill

Add Comment

Poll of the Day

Related Contents

Online Test Papers

Related Tutorials

Fun @ Work

Top Blogs