HTML5 canvas

HTML5
Canvas
height = “300″>

var canvas = document.getElementByIdx_x (“canvas”);
var context = canvas.getContext (“2d”);
/ /
var gradient = context.createLinearGradient (0, 0, 200, 0);
/ /
gradient.addColorStop (0, “# 000000″);

/ /
gradient.addColorStop (1, “# cccccc”);
var gradient = context.createLinearGradient (0, 0, 200, 0);

gradient.addColorStop (0, “green”);
gradient.addColorStop (1, “red”);
context.fillStyle = gradient;
< br /> context.fillRect (20,20,200,200);

var c = document.getElementByIdx_x (“myCanvas” );
var con = c.getContext (“2d”);
con.fillStyle = “# FF0000″;
con.fillRect (100, 100, 300, 200);