vue在浏览器中显示前端模型

子曰 .

已于 2022-02-24 15:21:34 修改

阅读量494

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2022-02-24 15:19:50 首次发布

本文链接：https://blog.csdn.net/weixin_43787161/article/details/123112598

版权

vue 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">vue显示3D模型</head>
<body>
  <div id="app">
    <model-obj src="static/models/obj/tree.obj"></model-obj>
    <model-obj src="static/models/obj/p.obj"></model-obj>
    <model-three src="static/models/json/scene.json"></model-three>
    <model-obj src="static/models/obj/male02/male02.obj" mtl="static/models/obj/male02/male02.mtl"></model-obj>
    <model-fbx src="static/models/fbx/dancing.fbx"></model-fbx>
    <!-- <model-stl src="static/models/stl/slotted_disk.stl"></model-stl> -->
    <!-- <model-collada src="static/models/collada/elf.dae"></model-collada> -->
    <!-- <model-ply src="static/models/ply/slotted_disk.ply"></model-ply> -->
    <model-gltf src="static/models/gltf/Duck/glTF/Duck.gltf"></model-gltf>
  </div>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://unpkg.com/vue-3d-model/dist/vue-3d-model.umd.js"></script>
<script>
  new Vue({ el: '#app' });
</script>
</body>

转载