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+/时解析失败。
相关内容
热门资讯
解谜透视！poker mast...
解谜透视！poker master辅助，微乐卡五星有挂吗，秘籍教程（有挂规律）-哔哩哔哩1、poke...
必备透视！wepoker模拟器...
必备透视！wepoker模拟器哪个，微乐陕西麻将破解，方案教程（有挂方针）-哔哩哔哩1、首先打开we...
详细透视！aapoker发牌逻...
详细透视！aapoker发牌逻辑，微乐自建房免费黑科技下载苹果，总结教程（有挂工具）-哔哩哔哩1、点...
推荐透视！佛手大菠萝13道挂哪...
推荐透视！佛手大菠萝13道挂哪里，微信小程序微乐自建房脚本下载，项目教程（有挂工具）-哔哩哔哩1）佛...
关于透视！hhpoker怎么防...
关于透视！hhpoker怎么防作弊，微乐广西自建房免费黑科技下载，积累教程（有挂细节）-哔哩哔哩1、...
普及透视！xpoker辅助怎么...
普及透视！xpoker辅助怎么用，微乐家乡游戏攻略，指南教程（有挂透明挂）-哔哩哔哩该软件可以轻松地...
普及透视！wepoker正确养...
普及透视！wepoker正确养号方法，微乐山西威信小程序，秘籍教程（有挂教程）-哔哩哔哩1、wepo...
详情透视！wejoker辅助器...
详情透视！wejoker辅助器怎么卖，微乐游戏兑换码大全，资料教程（有挂分享）-哔哩哔哩1、点击下载...
了解透视！epoker免费透视...
了解透视！epoker免费透视脚本，小程序跑得快的技巧，策略教程（有挂技术）-哔哩哔哩1、许多玩家不...
解谜透视！newpoker怎么...
解谜透视！newpoker怎么安装脚本，微乐小游戏万能修改器，方针教程（有挂详情）-哔哩哔哩1、任何...