За последние 24 часа нас посетили 18800 программистов и 1641 робот. Сейчас ищут 1611 программистов ...

Библиотека Three.js. как поместить анимацию в блок?

Тема в разделе "JavaScript и AJAX", создана пользователем SamyRed, 13 дек 2016.

  1. SamyRed

    SamyRed Старожил

    С нами с:
    23 июл 2015
    Сообщения:
    1.196
    Симпатии:
    111
    Адрес:
    Украина
    Здравствуйте. Я знаю что не на тот форум пришёл - как-то не хочется форум менять. А раз уж тут есть раздел js, решил тут и написать.

    Помогите разобраться с библиотекой three.js.

    По умолчанию при создании какого либо изображения, скрипт помещает его в тег body. Но мне надо чтобы он поместил его в созданный элемент, в моём случае это блок с задаными шириной и высотой. Когда пытаюсь при инициализации просто изменить строку
    Код (Javascript):
    1. document.body.appendChild( renderer.domElement );
    на строку
    Код (Javascript):
    1. document.getElementById('skin3d').appendChild( renderer.domElement );
    Получается ну совсееем не то что нужно. А именно, ширина анимации остаётся 100% от дисплея, высота, вроде меняется. С помощью css свойств не могу изменить ширину, с помощью средств жабоскрипта - тоже. Как сделать чтобы сама анимация отображалась строго в нужном блоке, причём правильно?
     
  2. Slavka

    Slavka Активный пользователь

    С нами с:
    1 окт 2013
    Сообщения:
    722
    Симпатии:
    41
    я возможно шас глупость сморожу ..
    Код (Javascript):
    1. <style>
    2.             body { margin: 0; }
    3.             canvas { width: 100%; height: 100% }
    4.         </style>
    а не в канвасе задается ширина и высота ?
     
  3. SamyRed

    SamyRed Старожил

    С нами с:
    23 июл 2015
    Сообщения:
    1.196
    Симпатии:
    111
    Адрес:
    Украина
    Я тоже так думал. Но там ширина и высота определяется через js, но у меня не получилось это поменять.
    --- Добавлено ---
    Лично у меня ширина всегда равна ширине экрана (1366px), не смотря на то что даже в полноэкранном режиме изображение с отступами вылезает за экран, а высота... Ну я так и не понял откуда он взял высоту 401 px