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+/时解析失败。
相关内容
热门资讯
迎来新发展！微乐家乡麻辣自建房...
迎来新发展！微乐家乡麻辣自建房辅助app，原来存在有辅助工具（有挂头条）-哔哩哔哩1、微乐家乡麻辣自...
做出回应！雀友会免费自动挂机脚...
做出回应！雀友会免费自动挂机脚本，一直是真的辅助修改器（有挂教程）-哔哩哔哩1、许多玩家不知道雀友会...
现就发布提示！手机科乐辅助，一...
现就发布提示！手机科乐辅助，一贯有挂辅助app（新版有挂）-哔哩哔哩1、首先打开手机科乐辅助辅助器下...
现就发布提示！陕西辅助具app...
现就发布提示！陕西辅助具app，切实真的是有辅助器（有人有挂）-哔哩哔哩1、很好的工具软件，可以解锁...
为了进一步！开心赢三张自建房有...
为了进一步！开心赢三张自建房有挂吗，都是存在有辅助工具（有挂秘笈）-哔哩哔哩1、下载好开心赢三张自建...
出乎意料的是！围棋辅助器乐乐，...
出乎意料的是！围棋辅助器乐乐，竟然有挂辅助插件（有挂神器）-哔哩哔哩1、实时围棋辅助器乐乐透视辅助更...
随着！随意玩房卡代理有挂吗，本...
随着！随意玩房卡代理有挂吗，本来存在有辅助下载（有挂细节）-哔哩哔哩1、操作简单，无需随意玩房卡代理...
近日！蜀渝牌乐汇挂机软件，本来...
近日！蜀渝牌乐汇挂机软件，本来有挂辅助脚本（有挂猫腻）-哔哩哔哩1、超多福利：超高返利，海量正版游戏...
现场直击！微乐贵阳捉鸡麻将挂软...
现场直击！微乐贵阳捉鸡麻将挂软件，确实是有辅助挂（有挂技巧）-哔哩哔哩1）微乐贵阳捉鸡麻将挂软件免费...
突发！哈糖大菠萝怎么挂，新众亿...
突发！哈糖大菠萝怎么挂，新众亿辅助，其实是有辅助方法（哔哩哔哩）1、用户打开应用后不用登录就可以直接...