krpano元素简述
以下隐藏内容只提供VIP赞助会员，VIP会员说明请查看置顶文章
（更多…）krpano代码基础
layer元素完全解析
layer元素概述
<layer>或<plugin>元素可以用于嵌入图像、HTML元素（如iframe）、按钮或动态插件。它与hotspot元素的区别就在于它的定位是屏幕坐标，坐标系是以浏览器窗口本身作为参照的，子元素则相对于父元素作为坐标参照系。hotspot元素则是相对于3D空间的球面坐标系进行定位。直观的感受就是，当我们转动全景时，layer元素通常是相对于屏幕不动的，它不会随着全景的转动而移动。所以我们会用layer元素来做皮肤。hotpsot元素就如同是3D空间中的一个“固有”的对象，就像“粘贴”住一样，会随同转动一同移动。所以我们用hotspot元素来做引导方向和指示场景中物体的热点。
另外，layer和plugin在本质上是一样的元素，区别就是名字不一样，就好比广东和粤的区别。
layer元素官方说明文档 以及 layer元素从入门到精通
因为内容有重复，建议可直接查看 layer元素从入门到精通 （更多…）
krpano语法在浏览器中的检查方法
我们常常遇到这种情况，全景在手机上显示黑屏，通常这都是因为语法错误所导致的。我们需要避免krpano的语法错误。一个办法是将xml文件直接拖拽到浏览器中，如果没有错误，会显示完整的xml代码。如果有错误就会显示如下的提示信息。
krpano HTML5 Viewer官方说明文档
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)
krpano Javascript接口说明文档
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中进行设置。
krpano action的语法与用法
更新 2023.12.11 krpano 1.21.2
以下隐藏内容只提供VIP赞助会员，VIP会员说明请查看置顶文章
krpano动作/函数的基本语法:
- krpano 动作代码是命令列表。
- 每个命令都需要在末尾以分号结尾，如果是最后一个命令，也可以选择不写分号。
- 命令之间的空格字符或换行符会被忽略。
- 例子：
123命令1; 命令2;命令3;... - 命令可以是对变量赋值：
1变量=表达式; - 或动作调用：
1动作名（参数）;
变量赋值:
- 语法：
1变量=表达式; - 使用变量赋值，可以创建新变量或更改现有变量的值。
- 表达式可以是简单数值、另一变量或更复杂的表达式。
- 可用下述辅助操作符：
- = – 直接设置/复制值。
- += – 加上该值。
- -= – 减去该值。
- *= – 将变量与给定值相乘。
- /= – 将变量除以给定值。
- 例子：
12345a = 1 + 2; // a will be 3b = a + 3; // b will be 6trace(b); // output '6'b *= 2;trace(b); // output '12'1str = "Hello: " + name;1str = "hlookat=" + roundval(view.hlookat, 2);
动作调用:
- 语法：
12345动作名(参数);动作名(参数1, 参数2, 参数3);动作名(get(变量名)); or action(*变量名);动作名(calc(表达式)); or action((表达式));动作名('被引号包括的文本，中间可以加逗号'); - 其中的“action”可以是：
- krpano 内置的action的名称，
- <action> 元素的名称，
- 包含 krpano 动作代码的变量名称或
- 引用 Javascript 函数的变量名称。
- 传递多个参数时，参数需要用逗号分隔。
- 参数之间的空格字符（如空格、制表符、换行符）将被忽略。
- 参数值传递：
- 参数将在作为文本写入操作时传递。
- 当参数是变量时，只会传递变量的名称 – 而不是变量的值！
- 要传递变量需要使用get(变量名)或*变量名。
- 要传递更复杂的表达式，可以将 calc(表达式)或(表达式)用作参数。
- 注意 – 某些操作可能会自动将变量解析为其值！
- 为了能够在参数值中使用空格字符和逗号，参数必须用单引号‘或“括起来。
注释:
- 语法：
123456789动作名(参数);动作名(参数);// 这是一个单行注释</span>动作名(参数);/* 多行注释动作名(参数); */动作名(参数);<!-- xml注释动作名(参数); -->动作名(参数); - 单行注释，从//开始到下一个换行符。
- 多行注释从/*开始到*/。
- xml注释从<!–开始到–>。这些注释仅在 xml 文件中定义相关代码时才有效，在 xml 解析期间它们将被剥离。
progress元素完全解析
progress元素概述
progress元素说明文档
更新 2016.4.9 krpano 1.19 pr4 官网不再将其作为一个内置元素写进文档
设置载入进度的视觉效果。.
textstyle元素说明文档
<textstyle>
以下隐藏内容
更新 2016.4.9 krpano 1.19 pr4
textstyle元素与showtext()动作一起定义所显示的文本样式。textstyle的名字需要作为showtext()的第二个参数进行传递。
官网不建议使用 – 使用新的扩展showtext.xml插件代替！
这个插件的效果基本一致，但能够在Flash和HTML5下工作。 （更多…）