Vue.js的3D模型查看器

Vue.js的3D模型查看器

插件名称:vue-3d-model

发布时间:2020年7月2日

插件作者:hujiulong

官网 演示 GitHub下载

适用于Vue.js的3D模型查看器,支持鼠标拖动和触摸滑动事件。

一个展示三维模型的Vue组件,支持模型操作和模型点击事件,能自动缩放模型到合适大小并校正偏移,支持多种格式的模型。

变更日志:

v1.3.0(06/29/2020)

  • 更新资料

安装和下载:

npm install vue-3d-model --save

使用:

<template>
  <model-obj src="example/models/obj/LeePerrySmith.obj"></model-obj>
</template>
<script>
import { ModelObj } from 'vue-3d-model';
export default {
  components: { ModelObj }
}
</script>

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8"></head>
<body>
  <div id="app">
    <model-obj src="example/models/obj/LeePerrySmith.obj"></model-obj>
  </div>
<script src="vue.js"></script>
<script src="vue-3d-model.js"></script>
<script>
  new Vue({ el: '#app' });
</script>
</body>
相关插件