HTML <canvas> Tag

Description

The <canvas> HTML element creates an area in which using JavaScript you can draw different objects, display images, transform them and change properties. Using <canvas> you can create drawings, animations, games, etc.

Properties

Permitted Parents: Any element that accepts phrasing content
Content: Inline and text
Start/End Tags: Start tag: required, End tag: required

Example

HTML

<canvas id="canvasTest">Your browser does not support the HTML5 canvas tag.</canvas>

<script type="text/javascript">

var canvas=document.getElementById('canvasTest');

var ctx=canvas.getContext('2d');

ctx.fillStyle='#800000';

ctx.fillRect(0,0,100,100);

</script>

Result