canvas html tutorial code example

Example 1: javascript create canvas

var canvas = document.createElement("canvas"); //Create canvas
document.body.appendChild(canvas); //Add it as a child of <body>

Example 2: canvas tag html

//HTML
<canvas id="canv"></canvas>

//Javascript
var canvas = document.getElementById("canv");
canvas.width = canvas.height = 100;
var ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(10, 10, 80, 80);

Tags:

Javascript Example

Related