html会变色的正方形,JS：改变颜色在画布上的正方形只是javascript

我试着改变我的广场上的颜色，而不使用jQuery或CSS。 我怎样才能同时改变所有方形的颜色？JS：改变颜色在画布上的正方形只是javascript

P.s .:我是HTML5 + JS的新手。 使用此代码我可以在点击按钮后改变方形的颜色。但我想要一个可以改变已经在canvas区域显示的所有方块的按钮。

HTML

Paint Canvas

CSS

canvas { border: 1px solid black;}

的JavaScript您绘制

var canvas = document.getElementById("imageView");

var context = canvas.getContext("2d");

function createCircle(){

}

function createRect(fillColor, w, h) {

context.fillStyle = fillColor;

x = event.pageX;

y = event.pageY;

context.fillRect(x, y, w, h);

}

function GreenRect() {

context.fillStyle= 'green';

context.stroke();

}

function RedRect() {

context.fillStyle= 'red';

context.stroke();

}

function ImgClr() {

context.clearRect(0,0, 600, 300);

}

2013-12-10

Jurafsky

+0

创建[小提琴](http://jsfiddle.net/)为您的代码 –