muchas gracias , no sabia para que eran los valores 14, 14, lo demas , mas o menos lo entiendo,
aprovechando y siguiendo con este tema de las cuadriculas
encontre este otro codigo, estuve probando y cambiando tamaños y datos para ver como funcionaba .
Código:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Dibujar Cuadrícula</title>
</head>
<body>
<h1>Dibujar Cuadrícula</h1>
<canvas height="2000px" width="1000px" id="micanvas">
Su navegador no soporta en elemento CANVAS</canvas>
<script>
var canvas = document.getElementById("micanvas");
var ctx = canvas.getContext("2d");
for (var x=0; x<=1000; x=x+50){
ctx.moveTo(x,0);
ctx.lineTo(x,1000);
ctx.fillStyle= "rgb(221,64,4)";
}
for (var y=0; y<=1000; y=y+50){
ctx.moveTo(0,y);
ctx.lineTo(1000,y);
}
// Mueves el pencil y luego persistes con strok
ctx.strokeStyle = "#f00";
ctx.stroke();
</script>
</body>
</html>
mi pregunta seria
¿como hacer que los cuadrados se pinten de negro y rojo o con un degradado lineal con esos dos colores, intente hacerlo pero no me sale, y no e como se podria hacer , prove con ctx.fillStyle y el color pero no me pinta nada, y con createLinearGradient(startX, startY, endX, endY); pero sigo sin encajar el codigo, ¿me ayudarian? gracias
muchas gracias por ayudarme
monicapo
gracias a todos