skillbox-koutja / ya-praktikum-test-logo

https://skillbox-koutja.github.io/ya-praktikum-test-logo

Используя канвас и DOM API, реализуйте движущийся логотип Яндекс.Практикума.

• размер канваса — 400x400px;
• толщина линий — 16px;
• длина вертикальной линии — 150px;
• длина горизонтальной линии — 100px;
• цвет фона — чёрный;
• цвет линии — белый;
• расстояние по оси X от вертикальной до горизонтальной линии (ближайшие друг к другу границы) — 22px;
• расстояние по оси Y от вертикальной до горизонтальной линии — 22px;
• логотип должен располагаться по центру.

Условия для анимации:

• логотип передвигается по нажатию стрелок на клавиатуре: вверх, вниз, вправо, влево;
• каждое передвижение смещает логотип целиком на 25px; передвижение логотипа должно быть цикличным — если логотип выходит за пределы канваса, то исчезнувшая часть должна появиться с противоположной стороны.