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场景的代码 } }
上一篇：AngularThreeJSCanvashasnotinitializer
下一篇：Angular填充问题：IE11 - core-js v3.6.5的es.string.split.js方法在分割正则表达式/^|\s+/时解析失败。
相关内容
热门资讯
总算清楚"战神辅助发...
总算清楚"战神辅助发卡官网"开挂(透视)辅助脚本(原来是有挂)-哔哩哔哩;1、这是跨平台的战神辅助发...
第六分钟带你发现!哈局13张辅...
第六分钟带你发现!哈局13张辅助器(辅助挂)一贯真的有挂(新版有挂)-哔哩哔哩;哈局13张辅助器是一...
透视攻略"开心泉州小...
《透视攻略"开心泉州小程序福州"开挂(透视)辅助工具(一贯确实是有挂的)-哔哩哔哩》 开心泉州小程序...
第四分钟带你透视!威信茶馆有挂...
第四分钟带你透视!威信茶馆有挂的吗(辅助挂)一贯真的有挂(竟然有挂)-哔哩哔哩；1.威信茶馆有挂的吗...
分享一款"中至九江麻...
分享一款"中至九江麻将辅助器"开挂(透视)辅助神器(其实是有挂的)-哔哩哔哩；中至九江麻将辅助器软件...
科技介绍"新老夫子脚...
科技介绍"新老夫子脚本"开挂(透视)辅助安装(其实确实有挂的)-哔哩哔哩；致您一封信；亲爱新老夫子脚...
第四分钟带你介绍!兴动互娱软件...
第四分钟带你介绍!兴动互娱软件下载辅助开挂(辅助挂)一贯是有挂的(有人有挂)-哔哩哔哩;兴动互娱软件...
辅助透视"微信小程序...
【福星临门，好运相随】；辅助透视"微信小程序微乐挖坑辅助免费"开挂(透视)辅助软件(原来是有挂的)-...
五分钟带你发现!福州十八扑辅助...
五分钟带你发现!福州十八扑辅助(辅助挂)一直真的是有挂(有挂秘笈)-哔哩哔哩;1、让任何用户在无需A...
我来教教你"阿拉游戏...
《我来教教你"阿拉游戏中心有辅助挂吗"开挂(透视)辅助平台(一直是真的有挂的)-哔哩哔哩》 阿拉游戏...