唐润平: 传感器添加删除、标签文字设置、双击进入视角、双击空白回退视角

src/components/content/tunnelScene/sceneClass/utils/EquipmentTag.js

@@ -0,0 +1,20 @@
+import * as THREE from "three";
+/**
+ * 返回一个带有文字的几何平面
+ * @param {String} text 把输入的文字转化为base64的img图片
+ */
+export default function (text, width = 100, height = 50) {
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  ctx.fillStyle = "white";
+  ctx.fillRect(0, 0, width, height);
+  ctx.fillStyle = "black";
+  ctx.font = "16px serif";
+  ctx.fillText(text, (100 - text.length * 16.6) / 2, 30);
+  const base64 = canvas.toDataURL();
+  return new THREE.MeshBasicMaterial({
+    map: new THREE.TextureLoader().load(base64),
+  });
+}