vue-3d-model属性介绍

vue-3d-model是一个可以解析3d模型的组件,基于threeJS和webGL;

这篇文章就不介绍具体怎么引入了,可以到官网查阅一下,这里主要是记录一下这个组件的属性,方便我自己和大家查阅使用,具体支持哪些文件,我放在文章最后:

配置属性:

width                - 宽度,和高度一起才生效
height               - 高度,和宽度一起才生效
src                  - 3d文件路径,e.g. example/models/obj/LeePerrySmith.obj
background-color     - 背景颜色
background-alpha     - 背景颜色透明度
controls-options     - 是否可 旋转、放大、移动
rotation             - 控制模型角度,旋转中心
:controls-options="{
    enableRotate: true,  // 是否可旋转
    enableZoom: true,    // 是否可缩放
    enablePan: true      // 是否可移动(鼠标右键可以移动模型)
}"
on-click             - 鼠标点击事件
on-mousemove         - 鼠标悬浮事件
on-load              - 模型加载完毕的回调事件

下面是vue-3d-model支持解析的文件类型:























你可能感兴趣的:(Vue,vue.js,3d,javascript)