vue中展示3D模型 -- vue-3d-model

一、搜集到的网址

3D模型库

• three.js
• WebGL
• babylonJS
• ThingJS
• EverAPI

3D数据可视化库

• echarts — 基于Canvas
• Highcharts —基于SVG
• d3.js — 基于SVG/Canvas+SVG
• g2.js — 基于Canvas

vue组件 - vue-3d-model

一个用来展示三维模型的Vue组件，用最简单的方式在网页中展示三维模型，解决模型视角控制、鼠标事件等一系列问题。

二、需求

尝试使用three.js后发现上手不是特别快，后来发现了vue-3d-model组件，能够很简单的展示出3D模型
效果图如下

使用原因可看这篇文章
https://www.jianshu.com/p/c093ff00ea1b

更多栗子自行clone：https://github.com/hujiulong/vue-3d-model

三、如何使用

1. 安装

npm install vue-3d-model --save

2. 引入组件，可支持7种模型文件类型

model format	component tag
obj