A-Frame - Настройка высоты и ширины - PullRequest
Новая
       11

A-Frame - Настройка высоты и ширины

0 голосов
/ 10 мая 2018

Я пытаюсь установить высоту и ширину для моего элемента aframe , но он заполняет окно, несмотря на любые стили, которые я применяю.Я пытаюсь установить для своего изображения в рамке 360 значение 300 пикселей в высоту и 300 пикселей в ширину: CODEPEN DEMO 

body {
  background: #fff;
}

.container {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f66;
  height: 300px;
  width: 300px;
  overflow: hidden;
}

a-scene {
  opacity: .5;
  height: 300px;
  width: 300px;
}

1 Ответ

0 голосов
/ 11 мая 2018

Это потому, что по умолчанию a-scene с неизмененным исходным кодом JS добавит class="fullscreen" к нему.

Вы можете либо перезаписать его, либо просто добавить параметр embedded в тег <a-scene> следующим образом: 

<a-scene antialias="true" embedded>
    <a-sky src="https://ucarecdn.com/e1c757bc-73ee-4efe-b068-4f778ce212a3/" rotation="0 -20 0"></a-sky>
</a-scene>

И, конечно, вот пример Forked

...