我想创建 5x5 网格,其中 40x40px 正方形和它们之间的 4px 间隙,这是一张图片:
http://i.stack.imgur.com/hu96a.png
所以我打算做这样的事情:
$(document).ready(function(){
var ctx = document.getElementById('grid').getContext('2d');
for (var y = 0; y < 5; y++) {
for (var x = 0; x < 5; x++) {
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect ((40*y)+4*(y+1),(40*x)+4*(x+1),40*(y+1)+4*(y+1),40*(x+1)+4*(x+1));
};
};
});
但这没有用,我想有一种更简单的方法可以做到,但我只是不知道怎么做!我怎样才能达到预期的效果?
谢谢!