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

[wadim]

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

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

[Rise]

wadim, когда изображение растягивается оно увеличивается, это естественно и неисправимо.

[wadim]

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

[Rise]

wadim, элемент изображение, а не изображение экрана.

[wadim]

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

[Rise]

я правильно понимаю что произошло укрупнение пикселей

Да, canvas такая же "картинка через DOM" (элемент изображение) как и img, только с возможностью менять изображение этой картинки через скрипт.

я видел что с таким canvas работают и картинка там качественная

Наверное тебе это приснилось или есть примеры? Да, размеры можно менять динамически скриптом, но каждое такое изменение очищает canvas, поэтому придется каждый раз перерисовывать его по новой с учетом новых размеров.

Я так и не понял что тебе надо, сделай скрин.

[wadim]

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