0
我想为我的背景制作一种模式,但我想绘制矩形自己,而不是使用图像。Canvas repeat rect
CODE:
<canvas id="myCanvas" width="33" height="33"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.beginPath();
context.rect(0, 0, 32, 32);
context.fillStyle = 'black';
context.fill();
context.lineWidth = 1;
context.strokeStyle = 'silver';
context.stroke();
</script>
到目前为止,它创造我想要的矩形。现在我想在X和Y中重复它。
此外,如果我想稍后为每个正方形(相同的动画)添加一个mouseOnHover动画,这是否是一种可行的方法?