005：vue+threejs 通过鼠标来旋转、缩放和平移视图

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 005个示例

一、示例效果图

二、示例简介

本threeJS示例创建一个立方体，通过材质的设置，使其变成一个框架，通过OrbitControls来使得鼠标可以旋转、缩放和平移视图，平移视图时候按住shift或者ctrl键，放缩可以通过滚轮的方式。

三、配置说明

1）查看基础设置：