Рисует закрашенный прямоугольник.
x,y- координаты левого верхнего угла
strokeRect(x,y,ширина,высота)
Рисует не закрашенный прямоугольник.
clearRect(x,y,ширина,высота)
Очищает указанную зону делая ее полностью прозрачной.
Обратите внимание: параметры x и y задают величину смещения прямоугольника по горизонтали (x) и вертикали (y) от верхнего левого угла холста в пикселях.
var canvas=document.getElementById("draw") - находим нужный холст;
var x=canvas.getContext("2d") - обращаемся ко встроенному объекту, который содержит различные методы для рисования (первые два шага являются стандартными для рисования любого объекта в canvas);