vue集成vue-3d-model预览模型

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue集成vue-3d-model预览模型相关的知识,希望对你有一定的参考价值。

参考技术A 1、新增vue-3d-model依赖

npm install vue-3d-model 或者 yarn add vue-3d-model

2、使用

若模型路径为项目内路径,则需要将模型放在vue项目根目录下

项目中如下使用

否则会报如下错误:

若路径为服务器路径,则只需填写正确的src路径即可

3、为模型添加旋转等效果

vue-3d-model模型预览

Vue与UIKit集成

UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架,可快速构建强大的前端web界面。UIKit使用的变量基于LESS,具有体积小、模块化、可轻松地自定义主题及响应式设计可在多种环境中使用等特点。UIkit中文网为广大国内开发者提供详尽的中文文档、代码实例等,帮助开发者快速掌握并使用这一框架 。

Vue与UIKit集成源代码 与 效果预览

以上是关于vue集成vue-3d-model预览模型的主要内容,如果未能解决你的问题,请参考以下文章

UG NX二次开发(C#)-获取模型文件的预览图片

UG NX二次开发(C#)-获取模型文件的预览图片

Opensea 没有为 3d 模型 glb 生成预览

产品三维模型在线预览

vue集成流程设计引擎

集成模型