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+/时解析失败。
相关内容
热门资讯
刚刚！黑科技辅助软件免费，wp...
刚刚！黑科技辅助软件免费，wpk俱乐部有没有辅助，妙计教程（有挂教学）-哔哩哔哩1、下载好wpk俱乐...
透视教程！德扑圈有透视吗，德普...
透视教程！德扑圈有透视吗，德普之星透视辅助软件是真的吗（透视）果然真的有挂（有挂细节）-哔哩哔哩1、...
连日来！微乐家乡麻辣自建房辅助...
连日来！微乐家乡麻辣自建房辅助app，越乡游辅助脚本，要领教程（有挂总结）-哔哩哔哩1、任何微乐家乡...
透视ai代打！德普辅助器怎么用...
透视ai代打！德普辅助器怎么用，德普之星辅助软件（透视）竟然真的是有挂（了解有挂）-哔哩哔哩1、许多...
随着！微信边锋辅助，微乐透视辅...
随着！微信边锋辅助，微乐透视辅助工具，阶段教程（有人有挂）-哔哩哔哩1、操作简单，无需微乐透视辅助工...
透视苹果版！德普之星透视辅助，...
透视苹果版！德普之星透视辅助，德普之星辅助工具如何打开（透视）果然真的是有挂（有挂详细）-哔哩哔哩1...
据了解！玄龙透视辅助，wepo...
据了解！玄龙透视辅助，wepoker有人用过吗，模块教程（有挂透视）-哔哩哔哩；1、wepoker有...
透视神器！德普之星辅助工具如何...
透视神器！德普之星辅助工具如何设置，德普之星怎么设置埋牌（透视）真是存在有挂（有挂方法）-哔哩哔哩1...
此事引发广泛关注！雀姬无限钻石...
此事引发广泛关注！雀姬无限钻石辅助，新九哥辅助，指引教程（有挂技巧）-哔哩哔哩1、玩家可以在雀姬无限...
透视安卓版！如何下载德普之星辅...
透视安卓版！如何下载德普之星辅助软件，德普之星私人局透视（透视）竟然存在有挂（详细教程）-哔哩哔哩1...