Sorry, you have Javascript Disabled! To see this page as it is meant to appear, please enable your Javascript! See instructions here

进站必看（VIP说明、插件列表、教程汇总）
VIP会员价格 2400元(含1年技术咨询，也即是第①项与第③项的服务以及第②项的1年服务，第一 […]

如何使用krpano跨域使用其它域名的图片

评论

例如我们的xml文件和插件在一个服务器上，但我们的图片在另外一个域名的服务器上。也就是说，我们要进行跨越资源调用，俗称的CORS。这里会涉及到两处设置，一个是前端的，一个是图片的。（更多…）

移花接木（18）- 修改右键菜单

1 条评论

更新于 2024.4.19 krpano 1.21.2

官方下载包路径

你电脑的路径\krpano-1.21.2\viewer\examples\custom-contextmenu

提示：如果不明白下载包路径是什么，请查看循序渐进（3）- krpano下载包的使用说明

（更多…）

移花接木（17）- 添加简单相册

官方下载包路径

你电脑的路径\krpano-1.20.9\viewer\examples\image-gallery\

提示：如果不了解何谓下载包路径，请查看循序渐进（3）- krpano下载包的使用说明

（更多…）

谷歌地图插件官方说明文档（1.22-1.21）

评论

Google Maps Plugin googlemaps.jsVersion 1.22

谷歌地图插件添加可交互的Google Map 。
该地图可以以任意尺寸放置在屏幕上的任意位置。
可在地图上放置地图点，并链接 actions例如 loadpano ，这样在点击地图点时可载入其它全景。
插件内置了一个可自定义的雷达，可在激活点上显示。
可动态控制整个地图和地图点，例如缩放地图，添加或移除点。
谷歌地图 / 必应地图注意事项 – 必应地图和谷歌地图的插件的XML接口几乎是相同的。要使用必应地图插件，只需要替换谷歌地图插件，将谷歌地图的密钥换成必应地图的密钥。

插件文档主题：

以下隐藏内容只提供VIP赞助会员，VIP会员说明请查看置顶文章

下一页为1.21文档

页面: 1 2

必应地图插件官方说明文档

评论

必应地图插件官方说明文档（1.21）

Bing Maps Plugin bingmaps.swf / bingmaps.jsVersion 1.20.11

必应地图插件添加可交互的Bing Map到krpano viewer中。
该地图可以任意尺寸放置在屏幕上的任意位置。
可以在地图上放置点，并链接 actions例如loadpano ，这样在点击地图点时可载入其它全景。
插件内置了一个可自定义的雷达，可在激活点上显示。
可增加’Google Maps’ 样式的控制，例如添加位置和缩放控制。
可动态控制整个地图和地图点，例如缩放地图，添加或移除点。
Google Maps / Bing Maps 注意事项 – 必应地图和谷歌地图的插件的XML接口几乎是相同的。要使用必应地图插件，只需要替换谷歌地图插件，将谷歌地图的密钥换成必应地图的密钥。

插件文档主题：

使用语法
插件属性
插件子元素：
- Spotstyle
- Spot
- Radar
- Controls
插件动作
示例

（更多…）

挂钟插件

1 条评论

插件简述

该插件是js代码+xml代码，只要简单地将js代码放到你的tour.html，以及将xml代码放到你的tour.xml，即可实现将一个显示浏览者当前时间的实时运行的壁钟贴合在全景环境的墙壁中，从而增强交互。
（更多…）

开源免费相册插件

1 条评论

使用方法

1.引用插件

<include url="xml/photoShow.xml"  />

1	<include url="xml/photoShow.xml" />

2.导入按钮图片根目录

<include url="xml/imgs.xml" />

1	<include url="xml/imgs.xml" />

3.按照格式修改imgs.xml
4.在需要调用的场景标签中增加title属性，属性名要和imgs中imgShow name=””的name属性相同！
5.在需要显示幻灯片的场景中的按钮或图片上的onclick事件中增加onclick=”showImgs()” action

具体可以参看demo中的例子（更多…）

DM相机截图插件

1 条评论

插件概述

这是一个全景虚拟拍照插件（flash内核下使用），可以对当前视角获取图片数据，获取的图片数据可以保存到计算机本地，也可以发送到服务器，支持添加水印，且水印可以使用各种叠加效果。（更多…）

下拉菜单插件

1 条评论

（更多…）

镜头眩光插件（支持Flash、HTML5、WebVR）

1 条评论

效果演示

最新版本为4.8

（更多…）

底部菜单插件

3 条评论

（更多…）

平面图导航插件

1 条评论

DEMO

点击全屏打开，效果更佳

（更多…）

移花接木（16）- 小行星开场

1 条评论

更新于 2024.4.19 krpano 1.21.2

krpano 1.19 pr3之后版本的默认皮肤有小行星功能，在skin_settings中可以设置是否启用小行星开场，如下：

（更多…）

layer元素完全解析

2 条评论

layer元素概述

<layer>或<plugin>元素可以用于嵌入图像、HTML元素（如iframe）、按钮或动态插件。它与hotspot元素的区别就在于它的定位是屏幕坐标，坐标系是以浏览器窗口本身作为参照的，子元素则相对于父元素作为坐标参照系。hotspot元素则是相对于3D空间的球面坐标系进行定位。直观的感受就是，当我们转动全景时，layer元素通常是相对于屏幕不动的，它不会随着全景的转动而移动。所以我们会用layer元素来做皮肤。hotpsot元素就如同是3D空间中的一个“固有”的对象，就像“粘贴”住一样，会随同转动一同移动。所以我们用hotspot元素来做引导方向和指示场景中物体的热点。

另外，layer和plugin在本质上是一样的元素，区别就是名字不一样，就好比广东和粤的区别。

layer元素官方说明文档以及 layer元素从入门到精通

因为内容有重复，建议可直接查看 layer元素从入门到精通 （更多…）

全景导航插件

1 条评论

插件说明

这是一个批处理文件加模版的插件navi360(MULTIRES) droplet，只要把相应的文件放到krpano的文件夹中，然后像普通生成那样，将全景图拖到对应的droplet，即可生成下面的效果。可以通过右下方的小缩略图看到当前的位置。这在超高分辨率的全景浏览中非常有用。演示中的demo是用理光的theta s全景相机拍摄的。

插件演示

请点击全屏按钮查看

krpano术语快速检索

1 条评论

（更多…）

5000元入手全套全景装备（学生党入门篇）

1 条评论

前言

这次是由肥宗为全景新人、尤其是学生党挑选的5000元级别的全景设备清单。所有价格均为淘宝最低价。

5000元全景装备清单（2017.10.31）

（更多…）

默认皮肤进入场景时让导航栏缩略图滚动至中部

1 条评论

问题描述

无论是哪一个版本的krpano，其使用MAKE VTOUR生成默认skin时，如果导航栏缩略图宽度比当前窗口要大时，也就是窗口宽度放不下全部缩略图的情况下，当你点击视图中某个缩略图，缩略图是不会自动滚动到中部的，也就是说，如果你要点击窗口之外的缩略图，你要点击两边的箭头让相应的场景缩略图滚动到中部，然后再点击。这样自然麻烦，我们现在要实现的是，如果缩略图总宽度小于窗口宽度时，让当前场景的缩略图自动滚动到导航栏中部。

方法

用代码编辑器打开skin文件夹中的vtourskin.xml文件，找到下面的

<action name="skin_update_scene_infos">

1	<action name="skin_update_scene_infos">

的一句代码：

txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index));

1	txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index));

如果你是1.19版本，你可以将上述代码改为：

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 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版本，你可以将上述代码改为：

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);

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);

绝对位置计算 Abs Plugin

1 条评论

简述

无论层的父元素是哪一个，无论如何设置该层的对齐、边缘、缩放和宽高，都能找出该层相当于屏幕的绝对位置。
与scrollarea插件共同工作。
该插件包含在Tooltip以及Auto Thumbs两个插件的下载包中。

（更多…）

自动缩略图分组插件

2 条评论

简述

按照你的漫游的场景自动生成非常漂亮的滚动缩略图。
这个插件可以对场景进行分组，当你有很多场景的时候，这个功能非常有用。
在桌面以及手机和平面设备中无缝使用。
需要krpano1.17以上的textfield、scrollarea以及Tooltip（自身包含）插件。
提供核心源代码！适合二次开发！

（更多…）

密码插件

1 条评论

Password Plugin

简介

该插件可以给你保护场景或任意含有密码的动作。在这个版本中，密码为四个数字。对场景的保护是全局的，也就是同一个密码。当然你可以在场景的onstart执行Password，这样你就能给每一个场景不同的密码。最终的保护措施必须建立在你对xml文件的加密上。购买插件你可以得到1.18.5和1.19 pr3两个版本，同时也可以运行在VR模式。这种情况下只能对场景有效，对item无效。（更多…）

krpano代码运行器案例索引

（更多…）

IIS服务器上的授权错误

7 条评论

在微软的iis服务器上，有一个小问题——这种服务器默认下没有对应”.license”文件扩展名的MIME类型。因此，krpano授权文件会无法载入，然后会出现授权错误。

你可以在浏览器中打开授权文件的路径进行测试：

http://–your-server–/–pano-path–/krpano.license

如果你得到了404错误，那么服务器可能就是IIS服务器，这可能就是IIS问题。

（更多…）

控制用户界面的整体大小

1 条评论

使用说明

需求说明：每个数字之后的一句话说明，即小标题

代码位置：在代码区域之前的文字

生效的关键代码部分：用加粗标出

对关键代码的简单说明：在代码区域之后的文字

（更多…）

自动旋转与循环浏览代码分享

1 条评论

使用说明

使用说明

需求说明：每个数字之后的一句话说明，即小标题

代码位置：在代码区域之前的文字

生效的关键代码部分：用加粗标出

对关键代码的简单说明：在代码区域之后的文字

（更多…）

krpano语法在浏览器中的检查方法

1 条评论

我们常常遇到这种情况，全景在手机上显示黑屏，通常这都是因为语法错误所导致的。我们需要避免krpano的语法错误。一个办法是将xml文件直接拖拽到浏览器中，如果没有错误，会显示完整的xml代码。如果有错误就会显示如下的提示信息。

（更多…）

krpano HTML5 Viewer官方说明文档

1 条评论

krpano HTML5 ViewerVersion 1.18

以下隐藏内容只提供VIP赞助会员，VIP会员说明请查看置顶文章

krpano HTML5 viewer是用于在浏览器中直接显示全景图像的或使用CSS 3D Transforms或使用WebGL的HTML5/Javascript客户端应用，不需要任何插件。krpano HTML5 viewer与krpano Flash viewer共用相同的xml文件和图像。因此可以使用相同的文件和代码控制和设置两种viewer。全景或漫游只需要制作一次，然后在任何环境下都能自动工作。

文档主题

示范

下面是在浏览器上测试HTML5兼容性的示例 – 左侧为HTML5右侧为Flash：

使用 html5=auto 观看漫游(自动选择viewer)
使用 html5=prefer 观看漫游(优先使用HTML5 – 当可能的话使用HTML5 viewer)
使用 html5=prefer+webgl 观看漫游(在WebGL下优先使用HTML5)
使用 html5=prefer+css3d 观看漫游(在CSS3D下优先使用HTML5)
使用 html5=fallback 观看漫游(优先使用Flash，仅将HTML5作为候补)
使用 html5=always 观看漫游(即使是不支持，也始终使用HTML5)
使用 html5=only 观看漫游(仅使用HTML5，从不使用Flash)
使用 html5=never 观看漫游(从不使用HTML5，强制使用Flash viewer)

查看更多关于html5 viewer嵌入设置

（更多…）

krpano Javascript接口说明文档

3 条评论

krpano Javascript接口Version 1.20.11

需要使用krpano Javascript-Interface object来获取从krpano到Javascript的权限。

可通过以下某种方式获取对象：

使用 embedding script 的 onready 回调函数（推荐方法）。
或通过Javascript 调用： document.getElementById(id)
id参数是viewer的唯一性id（默认为”krpanoSWFObject”）可在embedding script中进行设置。

（更多…）

嵌入到HTML官方说明文档

7 条评论

嵌入到HTMLVersion 1.23

将krpano viewer嵌入到HTML页面，需嵌入krpano.js脚本文件（文件名可以不一样）以及调用embedpano()函数。

（更多…）

页面: 1 2 3 4 5