canvas - angular 6のAframe ar.jsキャンバスコンテキスト

Question

a-frame aer.js キャンバスのコンテキストを取得する方法を教えてください。Google Chrome の開発モードでは、a-canvas クラスは表示されますが、ID でコンテキストを取得するための ID は表示されません。

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

ctx = canvas.getContext('2d'); angular 6でa-frameを使用しているvarのようなものが欲しいです。

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

constctxは常にnull