准备工作
环境:
vue-cli:4.2.2
krpano: 1.19
- 安装vue-krapano
npm install vue-krpano --save
- 引用
import Vue from "vue";
import Krpano from "vue-krpano";
Vue.use(Krpano);
- 引用krpano包
index.html中
<script src="krpano/krpano.js"></script>
需要:krpano.js
可选:gyro2.js(移动端螺旋仪和加速传感器使用得到)
- 使用
<krpano :xml="'krpano.xml'" :lazy-load="true" style="width:100%;height:400px" @panoCreated="init"></krpano>
xml: 就是你的主配置文件。
@panoCreated:初始化的方法
- 图片引用
结构&#