Aframe ar.js canvas Контекст с угловым 6

Question

У кого-нибудь сейчас как получается контекст холста a-frame aer.js?В режиме разработки Google Chrome я вижу класс-холст, но нет идентификатора, чтобы получить контекст по идентификатору.

<canvas class="a-canvas" data-aframe-canvas="true" width="1920" height="1440" style="width: 1536px; height: 1152px;"></canvas>

Я хотел бы иметь что-то вроде var ctx = canvas.getContext('2d'); Я использую -рамкус угловым 6. Когда я делаю это с

const canvas2: HTMLCanvasElement =  document.querySelector(".a-canvas");
const ctx=canvas2.getContext('2d');

, константа ctx всегда null

Answer 1

a-frame имеет контекст webgl, а не 2d.Вы можете захватить контекст webgl с помощью:

canvas.getContext('webgl')

---

Вы можете захватить холст a-frame по его классу

<canvas class="a-canvas" ....>

..

var canvas = document.querySelector(".a-canvas")

---

ar.js создает элемент <video> с подачей камеры, вы можете просто сделать

var feed = document.querySelector("video")

---

Убедитесь, что сцена полностью загружена при попыткечтобы получить к нему доступ.Из документов :

// scene - scene reference (this.el.sceneEl, queryselector(a-scene)
scene.addEventListener('loaded', (e)=> {
  // code here
}

(или просто установить таймер)

скрипка здесь .