Not all browsers support the HTML5 canvas element. For instance, some versions of IE do not. Some versions of Firefox, Opera, and Chrome do. First, test your browser for HTML5 canvas support here: http://html5test.com/ If you do not already have a browser with canvas support installed, download and install one so that you can explore some of the new capabilities. Here's a few interesting sites: http://html5demos.com/ http://hakim.se/experiments http://www.devlounge.net/code/10-awesome-html5-canvas-examples Search and share some other examples of the canvas element that you've discovered, and give us a very brief summary so that we know what we can expect to see at your link. The point of this discussion question is simply to explore, investigate and learn how the canvas element actually works and what we might expect to see in the future.
The Canvas element in HTML5 is used to render 2D shapes and images of bitmap. The canvas element has a drawable region with height and width . The example of writing canvas element is given by,
<canvas id="canvaselement" width="50" height="50"></canvas>
The browers which support HTML5 canvas element are , Chome 4.0, Internet Explorer 9.0 , Mozilla Firefox 2.0, Opera 9.0 .
The DOM method having canvas element is called as getContext which is used for drawing functions of 2D type.
There are many HTML5 canvas examples , like , Drawing Rectangles, Drawing Paths, Drawing lines, Drawing Bezier, Text and Fonts etc.
The code below gives the example to draw a rectangle ,
<!DOCTYPE html>
<html>
<body>
<canvas id="CanvasElement" width="100" height="50"
style="border:2px solid #000000;">
The browser does not support the HTML5 canvas tag.
</canvas>
</body>
</html>
The output rectangle is
In the future for the growing smartphones technology, internet speeds the canvas element will play a very important role , It will be perfect for growing virtual reality applications . The current implementation by mozilla of the HTML5 Canvas element to be used in IE is the new plugin in the direction.
Get Answers For Free
Most questions answered within 1 hours.