Pannellum：实例之一个简单的例子

播放简单的圆柱投影

效果：

A simple example

代码：

<!DOCTYPE HTML>
<html lang="ch">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="author"content=“KaiSarH,huankai7@163.com”><title>A simple example</title><link rel="stylesheet" href="pannellum.css"/><script type="text/javascript" src="pannellum.js"></script><style>/*定义样式，全景图显示的位置*/#panorama {width: 1200px;height: 800px;}</style>
</head>
<body>
<div id="panorama"></div>
<script>// 使用pannellum.viewer可以创建一个新的全景对象// 第一个参数type设置Pannellum处理全景图片的方式// 第二个参数panorama添加全景图片pannellum.viewer('panorama', {"type": "equirectangular","panorama": "test/test.jpg"});
</script>
</body>
</html>

总结：

当我们在使用Pannellum的时候，需要把pannnellum.css和pannnellum.js引入到项目中
定义一个存储全景图的div(似曾相识的地方—openLayer)
使用pannellum.viewer创建一个全景对象
对viewer的参数进行设置
参数type设置Pannellum处理全景图片的方式
参数panorama添加全景图片

Pannellum：实例之一个简单的例子相关推荐

python turtle应用实例_python-turtle-一个简单实例子
Python模块 turtle的一个简单实例----爱心发射本质上是对今天学习绘图的记录,个人记录,个人记录. 简单介绍turtle以及准备工作官方的就很好啦涉及到的软件:pycharm.git ...
qt录音器的实例，很简单的例子
话不多说上例子: 通过录入后,可以获取我们的声音了,还是非常简单的: 先看布局吧: 就是这莫简单的: 在写多媒体的时候,工程要添加: QT += multimedia 添加后,我们在对应头文件中添加: ...
理解神经网络，从简单的例子开始（1）7行python代码构建神经网络
理解神经网络,从简单的例子开始(1)7行python代码构建神经网络前言本文分为两个部分,第一个部分是一个简单的实例:9行Python代码搭建神经网络,这篇文章原文为:原文链接, 其中中文翻译版来 ...
类模板与运算符重载（一个简单的例子）
类模板与运算符重载(一个简单的例子) 标签(空格分隔): C++ 算法竞赛下面是一段简单的代码,表示我们建立了一个类模板Vector,可以看做是对STL中vector的简单实现. 为了让这个Vect ...
跨站脚本功攻击，xss，一个简单的例子让你知道什么是xss攻击
跨站脚本功攻击,xss,一个简单的例子让你知道什么是xss攻击一.总结一句话总结:比如用户留言功能,用户留言中写的是网页可执行代码,例如js代码,然后这段代码在可看到这段留言的不同一户的显示上就会 ...
C++程序设计：原理与实践（进阶篇）15.6　实例：一个简单的文本编辑器
15.6 实例:一个简单的文本编辑器列表最重要的性质就是可以在不移动元素的情况下对其进行插入或删除操作.下面我们通过一个例子来说明这一点.考虑应该如何在文本编辑器中表示一个文本文件中的字符.所选用的 ...
React.js 小书 Lesson1-2 - 前端组件化（一）：从一个简单的例子讲起
React.js 小书 Lesson1-2 - 前端组件化(一):从一个简单的例子讲起本文作者:胡子大哈本文原文:http://huziketang.com/books/react/lesson2 ...
Promise的简单使用例子
promise实例中 var promise = new Promise(function(resolve,reject){if(success){//异步执行成功resolve()}else{re ...
神经网络算法实例说明，简单神经网络算法原理
神经网络算法实例说明有哪些? 在网络模型与算法研究的基础上,利用人工神经网络组成实际的应用系统,例如,完成某种信号处理或模式识别的功能.构作专家系统.制成机器人.复杂系统控制等等. 纵观当代新兴科学技 ...
理解神经网络，从简单的例子开始（2）使用python建立多层神经网络
这篇文章将讲解如何使用python建立多层神经网络.在阅读这篇文章之前,建议先阅读上一篇文章:理解神经网络,从简单的例子开始.讲解的是单层的神经网络.如果你已经阅读了上一篇文章,你会发现这篇文章的代码 ...

Pannellum：实例之一个简单的例子

Pannellum：实例之一个简单的例子相关推荐

最新文章

热门文章