Как масштабировать Canvas под размер DIV?

Question

[InqSEO]

Добрый вечер.
Никак не получается подстроить canvas под размеры div, постоянно во весь экран. Прошу помощи.
Сама модель: test.inqseo.com
Скачать можно по ссылке: test.inqseo.com/test.zip

И вторая проблема:
Не могу одновременно открыть страницу с моделью в браузере и править скрипт в notepad'е - жестко подвисает. Если закрываю браузер - все нормально. Если закрываю скрипты в notepad и оставляю браузер открытым - тоже все нормально. Что это? Кто-нибудь сталкивался?

Answer 1

[Stalker_RED]

В index_main.js у вас размеры берутся от размеров окна (window.width)
Измените так, чтобы брались от родительского дива.

Comments

[InqSEO]

Если бы я знал как, то не задавал вопрос.

[Stalker_RED]

вашДив.offsetWidth вместо window.width

[InqSEO]

Stalker_RED: пока заменил все window.innerWidth, window.innerHeight на canvas.clientHeight и canvas.clientWidth. В итоге размер взялся от родительского дива в исходном коде страницы, а визуально - на весь экран и модель конечно исказилась, как-будто растянули.

[InqSEO]

Stalker_RED: Сделал, как вы посоветовали: test.inqseo.com но модель отдельно от блока DIV. Как засунуть его в DIV? Совсем недавно начал изучать, поэтому прошу прощения, если задаю тупые вопросы.

[Stalker_RED]

InqSEO: а почему у вас canvas#c не внутри этого дива а в body?

[InqSEO]

Stalker_RED: Если откроете исходный код страницы, то увидите, что он именно внутри div: joxi.ru/12MxanacXGvlmJ

[InqSEO]

Stalker_RED: но если смотреть через инструмент разработчика, то он, почему-то, выводится, как отдельный элемент