AngularThreeJSCanvashasnotinitializer。
创始人
2024-10-29 17:01:17
0

这个问题通常出现在在Angular中使用ThreeJS时创建canvas画布的时候。解决方法是要确保在组件的生命周期ngAfterViewInit()中将canvas画布实例化并添加到DOM中。

示例代码如下:

import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core'; import * as THREE from 'three';

@Component({ selector: 'app-some-component', template: '', }) export class SomeComponent implements AfterViewInit { @ViewChild('canvas') canvasRef: ElementRef;

ngAfterViewInit() { const canvas = this.canvasRef.nativeElement; const renderer = new THREE.WebGLRenderer({ canvas }); // 在这里添加ThreeJS场景的代码 } }

相关内容

热门资讯

第2分钟外挂!微信超级三加一辅... 第2分钟外挂!微信超级三加一辅助,新道游app辅助器,线上教程(有挂工具)-哔哩哔哩1、下载好微信超...
1分钟详情!小唐家乐园辅助器下... 1分钟详情!小唐家乐园辅助器下载链接,樱花之盛辅助软件(其实真的有挂)-哔哩哔哩1、完成小唐家乐园辅...
第五分钟外挂!蜀山四川怎么提高... 第五分钟外挂!蜀山四川怎么提高胜率,新海贝辅助器,玩家教你(讲解有挂)-哔哩哔哩1、让任何用户在无需...
第6分钟了解!九江讨赏插件,非... 您好,非凡贪玩脚本这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩家在...
第十分钟外挂!小唐家乐园辅助,... 第十分钟外挂!小唐家乐园辅助,玩吧辅助脚本安卓版,必赢方法(有挂工具)-哔哩哔哩小薇(透视辅助)致您...
九分钟普及!开心泉州辅助器,衢... 九分钟普及!开心泉州辅助器,衢州都莱辅助器(都是真的有挂)-哔哩哔哩1)衢州都莱辅助器辅助挂:进一步...
第七分钟外挂!真人天天途游破解... 第七分钟外挂!真人天天途游破解安装包,蘑菇云辅助使用视频,必赢方法(确实有挂)-哔哩哔哩1、超多福利...
第五分钟了解!开心泉州小程序开... 第五分钟了解!开心泉州小程序开挂有什么技巧,决战卡五星辅助看牌器(竟然是真的挂)-哔哩哔哩在进入开心...
第1分钟外挂!福州十八扑插件,... 第1分钟外挂!福州十八扑插件,浙江宝宝游戏辅助器,系统教程(今日头条)-哔哩哔哩1、浙江宝宝游戏辅助...
五分钟揭幕!衢州都莱辅助器是真... 五分钟揭幕!衢州都莱辅助器是真是假,榕城510k辅助软件(果然存在有挂)-哔哩哔哩1、衢州都莱辅助器...