pano2vr
是一款快速处理全景图片的软件
导入图片
拖拽全景图片到中间的面板,或者点击导入按钮导入图片。
添加交互热点

在面板中选择交互热点模式,然后在全景图中要添加的热点的地方双击
![]}MK3E2IVG.png](https://img.haomeiwen.com/i2099385/ab87246fe8ce2f32.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
选中该热点,右侧面板显示该热点的属性

ID 该热点的id
Type 该热点的类型,就是热点的功能,比如像URL就是跳转到链接
**Skin-ID ** 皮肤id用来定制热点的外观
Title 热点标题
Description 热点说明
Link Target URL这边属性的值类型根据你上面所选的热点类型,比如你上面选了URL,这边就是填你要跳转的路径
Target 指定在哪边打开链接。
输出类型
点击右侧的加号选择一个输出类型,这边选择输出html5

定制热点外观
点击编辑皮肤

打开组件工具盒,我们这里双击选择Info Popup,然后就可以保存输出html了,最后的效果图大致如下

网友评论