[voraa]

        ctx.drawImage(
            roads[i].image, //Изображение для отрисовки
            0, //Начальное положение по оси X на изображении
            0, //Начальное положение по оси Y на изображении
            roads[i].image.width, //Ширина изображения
            roads[i].image.height, //Высота изображения
            roads[i].x, //Положение по оси X на холсте
            roads[i].y, //Положение по оси Y на холсте
            canvas.width, //Ширина изображения на холсте
            canvas.width //Так как ширина и высота фона одинаковые, в качестве высоты указывается ширина
        );

Похоже, вы параметры перепутали. Сначала должны идти параметры, относящиеся к холсту, а потом относящиеся к картинке.
Посмотрите внимательно
https://developer.mozilla.org/ru/doc...xt2D/drawImage