bug fix

src/utils/three.js

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