Как я могу динамически нарисовать одну толстую границу вдоль спиральной дорожки в сетке NXN (JavaScript) ⇐ Javascript

[Anonymous]

Я работаю над веб -проектом, где мне нужно визуально выделить спиральный путь в квадратной сетке (например, 4x4, 6x6 или 8x8). Спираль должна начинаться с нижней левой ячейки, двигаться прямо вдоль нижнего ряда, затем вверх по самой правой колонке, затем влево вдоль верхнего ряда и т. Д., Спирация внутрь. Это соединяет его с следующей ячейкой в спиральном пути). < /li>
Результат должен выглядеть как одна непрерывная толстая линия, прослеживающая спираль, без ячейки, имеющей более одной толстой границы. (Начиная с нижнего левого) будет: < /p>
10 9 8 7
11 16 15 6
12 13 14 5
1 2 3 4
< /code>
и толстая граница должна проследить этот путь, причем каждая ячейка имеет только одну толстую границу, образуя непрерывную спираль. Мне нужна функция, которая, учитывая размер сетки и спиральный путь, рассказывает мне, какая сторона каждой ячейки должна иметь толстую границу, поэтому я могу отображать ее в HTML/CSS. Объяснения будут очень оценены!

Подробнее здесь: https://stackoverflow.com/questions/797 ... n-an-nxn-g