king2088 / vue-3d-loader

VueJS and threeJS 3d viewer plugin
https://king2088.github.io/vue-3d-loader-docs
MIT License
242 stars 40 forks source link

文字标注不显示 #40

Closed CHAUMET closed 1 year ago

CHAUMET commented 1 year ago

vue2 vue-3d-loader:1.2.13 复制了demo里的代码,但是文字不显示。尝试过修改position,依旧看不到,麻烦帮忙看一下是怎么回事,谢谢。

<template>
  <div id="app">
    <vue3dLoader
      :filePath="['desk_lamp_tex.fbx']"
      :width="800"
      :height="800"
      :labels="labels"
      backgroundColor="#fff"
    ></vue3dLoader>
  </div>
</template>

<script>
import { vue3dLoader } from "vue-3d-loader";

export default {
  name: "App",
  components: {
    vue3dLoader,
  },
  data: () => {
    return {
      labels: [
        // text label
        {
          text: "I'm Text Label",
          position: { x: 0, y: 2, z: 0 },
          scale: { x: 1.5, y: 0.8, z: 0 },
          textStyle: {
            fontFamily: "Arial",
            fontSize: 12,
            fontWeight: 600,
            lineHeight: 1,
            color: "#ffffff",
            borderWidth: 8,
            borderRadius: 0,
            borderColor: "#000000",
            backgroundColor: "rgba(0,0,0,1)",
          },
          sid: 3, // 自定义标识,可有可无
        },
      ],
    };
  },
};
</script>
king2088 commented 1 year ago

这可能是一个bug,下一版本中将会修复它。 在这个版本中,如果想要看到labels,请将['desk_lamp_tex.fbx']修改为'desk_lamp_tex.fbx',不要使用数组即可。

CHAUMET commented 1 year ago

这可能是一个bug,下一个版本中会修复它。 在这个版本中,如果想看标签,请将['desk_lamp_tex.fbx']修改为'desk_lamp_tex.fbx',不要使用数字组即可。

改了,还是没有 😂

king2088 commented 1 year ago

这可能是一个bug,下一个版本中会修复它。 在这个版本中,如果想看标签,请将['desk_lamp_tex.fbx']修改为'desk_lamp_tex.fbx',不要使用数字组即可。

改了,还是没有 😂

经过测试,不支持fbx标注,其他格式都可以,建议你将fbx格式转换为gltf格式使用,另外就是fbx模型网页加载时会出现性能问题。

CHAUMET commented 1 year ago

这可能是一个bug,下一个版本中会修复它。 在这个版本中,如果想看标签,请将['desk_lamp_tex.fbx']修改为'desk_lamp_tex.fbx',不要使用数字组即可。

改了,还是没有 😂

经过测试,不支持fbx标注,其他格式都可以,建议你将fbx格式转换为gltf格式使用,另外就是fbx模型网页加载时会出现性能问题。

gltf格式下标注正常显示了 感谢!