插件概述
这是一个全景虚拟拍照插件(flash内核下使用),可以对当前视角获取图片数据,获取的图片数据可以保存到计算机本地,也可以发送到服务器,支持添加水印,且水印可以使用各种叠加效果。 (更多…)
<layer>或<plugin>元素可以用于嵌入图像、HTML元素(如iframe)、按钮或动态插件。它与hotspot元素的区别就在于它的定位是屏幕坐标,坐标系是以浏览器窗口本身作为参照的,子元素则相对于父元素作为坐标参照系。hotspot元素则是相对于3D空间的球面坐标系进行定位。直观的感受就是,当我们转动全景时,layer元素通常是相对于屏幕不动的,它不会随着全景的转动而移动。所以我们会用layer元素来做皮肤。hotpsot元素就如同是3D空间中的一个“固有”的对象,就像“粘贴”住一样,会随同转动一同移动。所以我们用hotspot元素来做引导方向和指示场景中物体的热点。
另外,layer和plugin在本质上是一样的元素,区别就是名字不一样,就好比广东和粤的区别。
layer元素官方说明文档 以及 layer元素从入门到精通
因为内容有重复,建议可直接查看 layer元素从入门到精通 (更多…)
这是一个批处理文件加模版的插件navi360(MULTIRES) droplet,只要把相应的文件放到krpano的文件夹中,然后像普通生成那样,将全景图拖到对应的droplet,即可生成下面的效果。可以通过右下方的小缩略图看到当前的位置。这在超高分辨率的全景浏览中非常有用。演示中的demo是用理光的theta s全景相机拍摄的。
请点击全屏按钮查看
无论是哪一个版本的krpano,其使用MAKE VTOUR生成默认skin时,如果导航栏缩略图宽度比当前窗口要大时,也就是窗口宽度放不下全部缩略图的情况下,当你点击视图中某个缩略图,缩略图是不会自动滚动到中部的,也就是说,如果你要点击窗口之外的缩略图,你要点击两边的箭头让相应的场景缩略图滚动到中部,然后再点击。这样自然麻烦,我们现在要实现的是,如果缩略图总宽度小于窗口宽度时,让当前场景的缩略图自动滚动到导航栏中部。
用代码编辑器打开skin文件夹中的vtourskin.xml文件,找到下面的
1 |
<action name="skin_update_scene_infos"> |
的一句代码:
1 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); |
如果你是1.19版本,你可以将上述代码改为:
1 2 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); layer[skin_thumbs].scrolltocenter(calc(layer[get(parentname)].x + skin_settings.thumbs_width /2),0); |
如果你是1.18版本,你可以将上述代码改为:
1 2 3 4 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); div(now_x,skin_settings.thumbs_width,2); add(now_x,layer[get(parentname)].x); layer[skin_thumbs].scrolltocenter(get(now_x),0); |
在微软的iis服务器上,有一个小问题——这种服务器默认下没有对应”.license”文件扩展名的MIME类型。因此,krpano授权文件会无法载入,然后会出现授权错误。
你可以在浏览器中打开授权文件的路径进行测试:
如果你得到了404错误,那么服务器可能就是IIS服务器,这可能就是IIS问题。
我们常常遇到这种情况,全景在手机上显示黑屏,通常这都是因为语法错误所导致的。我们需要避免krpano的语法错误。一个办法是将xml文件直接拖拽到浏览器中,如果没有错误,会显示完整的xml代码。如果有错误就会显示如下的提示信息。
以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章
下面是在浏览器上测试HTML5兼容性的示例 – 左侧为HTML5右侧为Flash:
需要使用krpano Javascript-Interface object来获取从krpano到Javascript的权限。
可通过以下某种方式获取对象: