1.5.1 • Published 1 year ago
fiberviewer v1.5.1
fiberviewer
fiberviewer
是基于react、@react-three/fiber用于gltf的模型展示的功能组件
该版本适用于react17
react18用户请安装fiberviewer@1.5.0版本
安装
使用npm或yarn安装
npm install fiberviewer
或
yarn add fiberviewer
示例
引入:import FiberViewer from 'fiberviewer'
使用示例:
<FiberViewer model= '模型地址'
hdrConfig={{files:'paul_lobe_haus_4k.hdr',background:true}}
></FiberViewer>
功能介绍
基本功能: 鼠标移入部件高亮,点击部件变色显示,右击部件查看信息,双击空白处恢复视角
下方功能栏: 全屏显示、部件树状表单控制、网状图、自动旋转、gltf文件下载
API
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
model | gltf模型地址 | string | - |
info | 模型部件信息网络地址 | string | - |
hdrConfig | 模型的背景以及灯光设置(.hdr文件)地址\背景是否显示 | string\boolean | {files:null,background:false} |
mouseMove | 鼠标移动的回调,返回值为鼠标所指部件的信息 | function(e) | - |
leftClick | 鼠标左击的回调,返回值为鼠标所点击部件的信息 | function(e) | - |
注: 除了model属性不能为空,其他均可不加
1.0.0-beta
1 year ago
1.5.1
1 year ago
1.5.0
2 years ago
1.4.9
2 years ago
1.4.8
2 years ago
1.4.7
2 years ago
1.4.6
2 years ago
1.4.5
2 years ago
1.4.4
2 years ago
1.4.3
2 years ago
1.4.2
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.9
2 years ago
1.3.8
2 years ago
1.3.7
2 years ago
1.3.6
2 years ago
1.3.5
2 years ago
1.3.4
2 years ago
1.3.3
2 years ago
1.3.2
2 years ago
1.3.1
2 years ago
1.3.0
2 years ago
1.2.9
2 years ago
1.2.8
2 years ago
1.2.7
2 years ago
1.2.6
2 years ago
1.2.5
2 years ago
1.2.4
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
1.2.0
2 years ago
1.1.0
2 years ago
1.0.0
2 years ago