一个展示三维模型的Vue组件,支持模型操作和模型点击事件,能自动缩放模型到合适大小并校正偏移,支持多种格式的模型。 Example DEMO Install using npm npm install vue-3d-model --save Or using script tag for global use Or Downloadvue-3d-model.jsand include it in your html Usage <template> <model-obj...
1、新增vue-3d-model依赖 npm install vue-3d-model 或者 yarn add vue-3d-model 2、使用 若模型路径为项目内路径,则需要将模型放在vue项目根目录下 项目中如下使用 否则会报如下错误: 若路径为服务器路径,则只需填写正确的src路径即可 3、为模型添加旋转等效果 vue-3d-model模型预览 0人点赞...
npm install vue-3d-model 或者yarn add vue-3d-model 1.3d图片放到服务器直接访问; 2.图片放在public文件夹下. 记得设置背景颜色 vue-3d-model模型预览 1<model-fbx backgroundColor='#0A122F' src="/static/home/home1.fbx"></model-fbx>2<model-obj backgroundColor='#0A122F' src="/static/home/h...
vue.js 3D model viewer component, based on threejs, inspired by model-tag一个展示三维模型的Vue组件,支持模型操作和模型点击事件,能自动缩放模型到合适大小并校正偏移,支持多种格式的模型。ExampleDEMOInstallusing npmnpm install vue-3d-model --save ...
Tips:先泼个冷水,这个预览3D组件有个致命的缺陷——不能设置材质、皮肤文件的目录路径,必须要和3d文件放在同一个目录,如果项目是用hash模式(url后面会有/#/这种井号),就会导致无法读取根目录的材质文件。所以推荐了解下vue-3d-loader 安装先 npm install vue-3d-model --save ...
npm install vue-3d-model 或者 yarn add vue-3d-model 1.3d图片放到服务器直接访问; 2.图片路径要放在public文件夹下. 记得设置背景颜色 1 <model-fbx backgroundColor='#0A122F' src="/static/home/home1.fbx"></model-fbx> 2 <model-obj backgroundColor='#0A122F' src="/static/home/ho...
项目需要用到组件来展示3d模型,找了了组件 https://www.npmjs.com/package...但是如果模型较大(大概 60 Mb)的话,设置 src 属性时,页面会卡死,体验很不好,请问有啥好办法处理? <model-fbx :backgroundAlpha="0" :rotation="rotation5" src="/static/models/fbx/dancing.fbx" > </model-fbx> ...
一个展示三维模型的Vue组件,支持模型操作和模型点击事件,能自动缩放模型到合适大小并校正偏移,支持多种格式的模型。ExampleDEMOInstallusing npmnpm install vue-3d-model --save Or using script tag for global useOr Download vue-3d-model.js and include it in your htmlUsage<template> <model-obj src...
npm install vue-3d-model --save Or using script tag for global use Or Download vue-3d-model.js and include it in your html Usage <template> <model-obj src="example/models/obj/LeePerrySmith.obj"></model-obj> </template> import { ModelObj } from 'vue-3d-model'; export default...
dependabot/npm_and_yarn/types/three-0.149.0 dependabot/npm_and_yarn/three-0.149.0 dependabot/npm_and_yarn/types/three-0.148.1 dependabot/npm_and_yarn/vue-tsc-1.0.24 dependabot/npm_and_yarn/chalk-5.2.0 dependabot/npm_and_yarn/three-0.146.0 ...