Не понял Вас. Времени нет. Решил отказаться от canvas и svg, хотя svg мож и можно, но у меня растр.
Буду выводить картинки через DOM. Есть код:
<img id='Pe' src='images/Pe.JPG' style="position: absolute; top: 86; width:4%; height:auto;" >
<script>
x= 200;
PehotaNato.style.left = x;
x= 300;
PehotaNato.style.left = x;
</script>
Знаю что выводит одну и туже картинку, по этому после координаты 200, моментально получаем вывод картинки по координате 300. Как выводить бесконечно большое число картинок? С координатами вопрос конечно решен.
И все же про canvas: скажите, я правильно понимаю что произошло укрупнение пикселей, но я видел что с таким canvas работают и картинка там качественная. Как это делают?