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、第三分钟教你！...
2分钟揭露！浙江游戏大厅修改数...
2分钟揭露！浙江游戏大厅修改数据，欢乐茶馆辅助（一直是真的挂）-哔哩哔哩1、该软件可以轻松地帮助玩家...
第1分钟曝光！皮皮透视辅助软件...
第1分钟曝光！皮皮透视辅助软件工具，决战卡五星必赢神器（一直真的有挂）-哔哩哔哩1、进入到皮皮透视辅...
两分钟揭幕！金虎爷有挂吗，新天...
两分钟揭幕！金虎爷有挂吗，新天道辅助（真是存在有挂）-哔哩哔哩金虎爷有挂吗辅助器中分为三种模型：金虎...
两分钟科普！九酷互娱辅助，微乐...
两分钟科普！九酷互娱辅助，微乐陕西小程序破解器（真是真的是有挂）-哔哩哔哩亲，关键说明，微乐陕西小程...
第四分钟解密！填大坑小程序辅助...
第四分钟解密！填大坑小程序辅助器，新九哥开挂（都是真的是有挂）-哔哩哔哩1、完成填大坑小程序辅助器透...
两分钟详细！微信小程序多乐辅助...
两分钟详细！微信小程序多乐辅助器，新悠悠辅助（果然是有挂）-哔哩哔哩1、微信小程序多乐辅助器系统规律...
七分钟外挂！宝宝浙江游戏开挂器...
七分钟外挂！宝宝浙江游戏开挂器，潮汕汇辅助神器（真是是真的挂）-哔哩哔哩1、宝宝浙江游戏开挂器系统规...
第5分钟外挂！南通长牌辅助，猎...
第5分钟外挂！南通长牌辅助，猎鱼达人破解版无限弹头（好像真的是有挂）-哔哩哔哩1、猎鱼达人破解版无限...
六分钟关于！创思维激k看底牌辅...
六分钟关于！创思维激k看底牌辅助，微友三代辅助（确实真的是有挂）-哔哩哔哩1、全新机制【创思维激k看...