Снимок экрана с рамкой aframe и сохранение его на сервере без всплывающих окон - PullRequest
Новая
       302

Снимок экрана с рамкой aframe и сохранение его на сервере без всплывающих окон

1 голос
/ 26 апреля 2019

код: 

<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script>
  AFRAME.registerComponent("foo", {
    init: function() {
      document.querySelector('a-scene').components.screenshot.capture('perspective')
    }
  })

</script>
<a-scene screenshot="width: 640; height: 320" foo>
  <a-entity id="box" geometry="primitive: box; width: 1; depth: 1; height: 1" position="-1 0.5 -3" rotation="0 45 0" material="color: #4CC3D9"></a-entity>
  <a-entity id="sphere" geometry="primitive: sphere; radius: 1.25" material="color: #EF2D5E" position="0 1.25 -5"></a-entity>
  <a-entity id="cylinder" geometry="primitive: cylinder; radius: 0.5; height: 1.5" position="1 0.75 -3" material="color: #FFC65D"></a-entity>
  <a-entity id="plane" position="0 0 -4" rotation="-90 0 0" geometry="primitive: plane; width: 4; height: 4" material="color: #7BC8A4"></a-entity>
  <a-entity id="sky" geometry="primitive: sphere; radius: 100" material="color: #ECECEC; shader: flat; side: back"></a-entity>
</a-scene>

Этот код подобен нажатию ctrl + alt + s и открывает новое окно. Мне нужно сохранить скриншот сцены без кликов и всплывающих окон.

Другая проблема в том, что скриншот становится полностью белым или выглядит так: Скриншот

Спасибо всем

1 Ответ

0 голосов
/ 26 апреля 2019

Взгляните на библиотеку html2canvas , она проста в использовании и работает. Кроме того, Google использовал его для реализации эффекта нажатия Thanos на странице Google. Здесь , перейдите по ссылке и нажмите на перчатку.

...