canvas, резиновый макет
 

Доброго времени суток! Помогите решить проблему. При задании резинового макета для canvas:
<canvas id="canvas" style="position: absolute; top: 6.5%; left: 0%; width: 78%; height: 93%; background-color: green; "></canvas>

рисуемая линия становиться в несколько раз толще чем надо (была 2 пикселя), к линии мне ни как нельзя применять проценты. Подскажите что происходит и как исправить.

Лаконично. Не может быть. А как люди тогда делают резиновые макеты?

Не понял Вас. Времени нет. Решил отказаться от 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 работают и картинка там качественная. Как это делают?

Сам докумекал, спасибо за ответ.