Flor y cuadricula para facilitar los movimientos en los Ejes

Hola, buenos días. Se me ocurrio hacer una función para poder simular una "cuadricula" con la finalidad de poder ubicarme mejor en los en los ejes "x" e "y", se las comparto, quizas a alguien les sirve, adjunto una imagen para que quede más claro a lo que me refiero. Saludos!

  //recibe dos parametros, eje x y eje y
        function dibujarCuadrado(x, y, color) {

            var color = color;

            pincel.fillStyle = color;
            pincel.strokeStyle = "rgba(180,180,180)";
            pincel.fillRect(x, y, 50, 50);
            pincel.strokeRect(x, y, 50, 50);
        }

        //funcion para crear una grilla o cuadricula
        //se deben insertar los valores w = widht y h= height
        function grilla(w, h) {

            for (let x = 0; x < w; x = x + 50) {

                for (let y = 0; y < h; y = y + 50) {

                    dibujarCuadrado([x], [y], "rgba(240,240,240)");
                }
            }
        }