Vue使用photo-sphere-viewer全景插件模拟VR

最新推荐文章于 2024-07-06 16:47:02 发布

竹月先生

最新推荐文章于 2024-07-06 16:47:02 发布

阅读量843

点赞数

文章标签： vue.js vr 前端 javascript

本文链接：https://blog.csdn.net/super1468650921/article/details/130216504

版权

photo-sphere-viewer

photo-sphere-viewer是基于three.js和uEvent 2

下载插件

使用npm或yarn下载安装

npm install photo-sphere-viewer

yarn add photo-sphere-viewer

使用插件

<template>
  <div class="showCanvas" id="viewer"></div>
</template>
<script>
    import {Viewer} from 'photo-sphere-viewer'
    import 'photo-sphere-viewer/dist/photo-sphere-viewer.css'
    export default {
        data(){
            return{
                // 基地全景图
                viewer: '',
                imgurl: require('./quanjing.jpg'),
            }
        },
        me