vue使用krpano 全景图_vue krpano渲染全景图

准备工作

环境：
vue-cli：4.2.2
krpano: 1.19

1. 安装vue-krapano

npm install vue-krpano --save
1

2. 引用

import Vue from "vue";
import Krpano from "vue-krpano";
Vue.use(Krpano);
1
2
3

3. 引用krpano包

index.html中

  <script src="krpano/krpano.js"></script>
1

需要：krpano.js

可选：gyro2.js(移动端螺旋仪和加速传感器使用得到)

4. 使用

<krpano :xml="'krpano.xml'" :lazy-load="true" style="width:100%;height:400px" @panoCreated="init"></krpano>
1

xml: 就是你的主配置文件。
@panoCreated：初始化的方法

5. 图片引用
   结构：