Максим Ленский, вполне реально и с добавлением блоков сделать, и дивками, и чтобы тянулось.

у вас фигура сначала раскрашивается, потом растягивается целиком.

чтобы разделить заливку и масштабирование, нужно каким-то образом совместить в одном объекте три системы координат: экранную, фигуры и заливки. а при обычном способе можно только две - у заливки указать что она привязана к системе координат фигуры, и если потом фигуру в экранных координатах трансформировать, заливка трансформируется вместе с ней.

как вариант, можно отвязать фигуру от экрана путём вывода в экранных координатах прямоугольника без трансформации, которому нужная фигура задана как clipPath с указанной привязкой к системе координат прямоугольника (clipPathUnits="objectBoundingBox").

https://codepen.io/anon/pen/PRMjKR

но в вашем конкретном случае куда проще не пытаться хитро растягивать сам svg, а сделать его метровой ширины и зацикленным, после чего показывать от него сколько влезет фоном у вашего футера. несколько десятков лишних точек в фигуре веса файлу добавит совсем немного.

интересный вопрос, редкость тут.

приходит в голову два варианта организации кольцевого буфера прозрачно для остального стдлиба.

первый: если у этой системы с ограниченной памятью есть MMU, то можно замаппить на соседние страницы один и тот же кусок памяти, чтобы после конца буфера снова шло его начало. а после каждого sprintf проверять на переполнение и сдвигать указатель текущей позиции в первую страницу (отнимать размер буфера). или просто делать and, если размер кратен степени двойки. это было бы аппаратно и фактически бесплатно по производительности, работало бы вообще со всеми функциями стдлиба, но хлопотно и далеко не всегда возможно.

второй вариант: можно сделать свой стрим (man fopencookie). для вашей цели достаточно написать только обработчик записи, который собственно и будет закольцовывать буфер: копировать сколько влезло в конец, а остальное в начало. и выводить всё в этот стрим fsprinf-ами и прочими функциями работы с потоками. может быть даже получится перенаправить stdout в этот самодельный поток, тогда и обычные printf'ы заработают.

не надо ничего резать на отдельные картинки.

у css3 анимации можно указать фиксированное количество шагов.

так что выводите блок размером с один кадр, указывайте ему фоном вашу картинку с раскадровкой, делайте анимацию смещения позиции фона и задавайте ей количество шагов равное количеству кадров.

как тут: https://codepen.io/bsl-zcs/pen/lpaGv

а пять кадров - это просто очень короткая анимация, на пятую часть секунды. на должной скорости вполне плавно выглядит.