Mrkunlex
Definition and Usage
The <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript).
The <canvas> tag is only a container for graphics, you must use a script to actually draw the graphics.
Differences Between HTML 4.01 and HTML5
The <canvas> tag is new in HTML5.
Tips and Notes
Note: Any text inside the <canvas> element will be displayed in browsers that does not support <canvas>.
Tip: For a complete reference of all the properties and methods that can be used with the canvas object, go to our HTML Canvas Reference.
Attributes
Attribute
Value
Description
height
pixels
Specifies the height of the canvas
width
pixels
Specifies the width of the canvas
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas">Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 80, 100);
</script>
<p><strong>Note:</strong> The canvas tag is not supported in Internet
Explorer 8 and earlier versions.</p>
</body>
</html>
Copy code
