当前位置: 首页 > news >正文

模型对象CSS2DObject始终在画布的左上角(问题解决)

写了个简单案例模拟一下这个问题,看下图片

下面看下c2渲染器相关代码部分

this.css2DRenderer = new CSS2DRenderer();
this.css2DRenderer.render(this.scene, this.camera);
this.css2DRenderer.setSize(width, height);
this.css2DRenderer.domElement.style.position = 'absolute';
this.css2DRenderer.domElement.style.top = '0px';
this.css2DRenderer.domElement.style.pointerEvents = 'none' 
document.querySelector('.contain').appendChild(this.css2DRenderer.domElement);

我们可以看到 是在设置渲染输入尺寸范围之前调用render方法的,将render方法放到setSize之后即可解决

this.css2DRenderer = new CSS2DRenderer();
this.css2DRenderer.setSize(width, height);
this.css2DRenderer.domElement.style.position = 'absolute';
this.css2DRenderer.domElement.style.top = '0px';
this.css2DRenderer.domElement.style.pointerEvents = 'none' 
this.css2DRenderer.render(this.scene, this.camera);				document.querySelector('.contain').appendChild(this.css2DRenderer.domElement);

http://www.lryc.cn/news/209174.html

相关文章:

  • LabVIEW开发基于图像处理的车牌检测系统
  • Data Analysis With Python
  • 【Selenium】提高测试爬虫效率:Selenium与多线程的完美结合
  • ElCLib类解析
  • 栈、队列、矩阵的总结
  • PCL 半径滤波剔除噪点
  • Android SurfaceFlinger做Layer合成时,如何与HAL层进行交互
  • 华为eNSP配置专题-策略路由的配置
  • JAVA实现智能停车场管理系统 开源
  • 深入理解Docker之:存储卷相关概念详解和分析
  • Node.js的基本概念node -v 和npm -v 这两个命令的作用
  • mysql bin_log日志恢复数据
  • C++系列之list的模拟实现
  • 什么情况下你会使用AI工具(chatgpt、bard)?
  • 【go】两数求和
  • 软考高项-成本管理
  • 24年FRM备考知识点以及一级公式表
  • Spring Cloud学习:二【详细】
  • Unity的live2dgalgame多语言可配置剧情框架
  • 再畅通工程(最小生成树)
  • 前后端分离不可忽视的陷阱,深入剖析挑战,分享解决方案,助你顺利实施分离开发。
  • (四)库存超卖案例实战——优化redis分布式锁
  • 【ROS入门】雷达、摄像头及kinect信息仿真以及显示
  • 实用篇-认识微服务
  • 【产品运营】产品需求应该如何管理
  • Linux 系统调用IO口,利用光标偏移实现文件复制
  • 【原创】指针变量作为函数参数要点注意
  • SpringMVC Day 04 : 数据绑定
  • 2.3.1 协程设计原理与汇编实现
  • J2EE项目部署与发布(Windows版本)->会议OA单体项目Windows部署,spa前后端分离项目Windows部署