訪問和更改渲染器組件屬性<a-scene></a-scene>

Question

下面是我正在使用的 A-Frame 中的代碼片段。 我希望使用 Javascript 中的條件語句訪問和操作渲染器組件的 maxCanvasWidth 和 maxCanvasHeight 屬性。 我不知道該怎么做。

<a-scene renderer ="antialias: true;

                   colorManagement: true;`

                   sortObjects: true;

                   physicallyCorrectLights: true;

                   maxCanvasWidth: 1920;

                   maxCanvasHeight: 1920;"></a-scene>

Example pseudo code of what I wish to implement:
<script>
var update = document.queryselector('a-scene');
if(fps < 60){
update.maxCanvasWidth = 800;
update.maxCanvasHeight = 800; }
</script>

Answer 1

renderer是場景元素的一個屬性，因此您可以使用setAttribute 。 具體參考更新多屬性組件數據的文檔。

例如

const scene = document.querySelector('a-scene');
scene.setAttribute('renderer', 'maxCanvasWidth', 800);

Answer 2

實際上，我能夠弄清楚：

sceneEl = document.querySelector('a-scene');
sceneEl.maxCanvasSize = {height: , width: };