nicolas/kdemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bug fix

Browse Source
This commit is contained in:
nicomacbookpro
2025-08-22 10:26:25 +08:00
parent dca4d591f7
commit 31d952ee51
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/utils/three.js
View File

@@ -17,11 +17,11 @@ import { LineSegmentsGeometry } from "three/examples/jsm/lines/LineSegmentsGeome
import { LineMaterial } from "three/examples/jsm/lines/LineMaterial.js"; import { LineMaterial } from "three/examples/jsm/lines/LineMaterial.js";
// css3 // css3
import { CSS3DRenderer, CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js' import { CSS2DRenderer, CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer.js'
/* css3d 渲染 */ /* css3d 渲染 */
function setCss3DRenderer(DOM) { function setCss3DRenderer(DOM) {
const css3DRender = new CSS3DRenderer() const css3DRender = new CSS2DRenderer()
css3DRender.resize = () => { css3DRender.resize = () => {
@@ -45,6 +45,10 @@ function setCss3DRenderer(DOM) {
DOM.appendChild(css3DRender.domElement) DOM.appendChild(css3DRender.domElement)
window.addEventListener('resize', () => {
css3DRender.resize()
})
return css3DRender return css3DRender
} }
@@ -583,7 +587,7 @@ export function drawAxes(element, options = {}, ballCallBack) {
} }
function setCss3dDOM(DOM, position) { function setCss3dDOM(DOM, position) {
const mesh = new CSS3DObject(DOM) const mesh = new CSS2DObject(DOM)
mesh.position.copy(position) mesh.position.copy(position)
@@ -596,6 +600,7 @@ export function drawAxes(element, options = {}, ballCallBack) {
function createDom(i, axes) { function createDom(i, axes) {
const div = document.createElement('div') const div = document.createElement('div')
div.style.pointerEvents = 'auto'
div.style.cursor = 'pointer' div.style.cursor = 'pointer'
div.addEventListener('click', () => { div.addEventListener('click', () => {
console.log('click', i, axes) console.log('click', i, axes)
@@ -611,9 +616,9 @@ export function drawAxes(element, options = {}, ballCallBack) {
img.src = process.env.VUE_APP_BASE_URL + `/icon_xz/${axes}0${i}.png` img.src = process.env.VUE_APP_BASE_URL + `/icon_xz/${axes}0${i}.png`
img.style.width = '10px' img.style.width = '50px'
img.style.height = '10px' img.style.height = '50px'
div.appendChild(img) div.appendChild(img)