- canvas画矩形
var a = document.getElementById('canvas');var ctx = a.getContext('2d');ctx.fillStyle = 'green';//填充颜色ctx.fillRect(10,10,100,100);//画一个矩形ctx.strokeStyle('red');//描边颜色ctx.strokeRect(10,10,100,100); //描边ctx.clearRect(20,20,10,10); //橡皮擦,将中间的一块擦去复制代码
填充颜色的代码要写在fillRect的前面,如果写在后面就不管用了 - 不要用css来控制canvas的宽高,因为canvas会等比缩放,类似于img