vue展示3D模型（glb格式）

vue2展示3D模型

1、需要用到两个插件

npm install three@0.154.0 --force
npm install @google/model-viewer@3.2.1

2、项目使用案例

// 1.先引入组件
import ModelViewer from '@google/model-viewer'
// 2.在vue里components注册组件
components: {
  ModelViewer
}
// 3.在页面中进行使用
<model-viewer style="width: 100%;height: 500px;" camera-controls
              src="/images/3DIcon/Cesium_Air.glb" shadow-intensity="1"
              touch-action="pan-y">
</model-viewer>

shadow-intensity参数为阴影程度