Krpano 可以方便快速的构建全景场景或全景视频

前言 前面的文章主要基本介绍了krpano一些元素的用法，从这篇文章开始我们就进入全景开发的实战教学，从全景切图到全景编辑最后到整个全景的预览，前端使用react框架+antd组件库+krpano，后

最近发现公司的krpano切图服务非常慢，严重影响了用户使用，而且我们使用的功能比较单一只有多分辨率切图一项，所以思考用其他方案代替切图服务，自己开发的好处就是可控性强，个性化开发更新迭代方便。

*声明： 本文档由作者收集整理，并非全部原创，如有侵权，请联系删除！另外由于Krpano本身内容较多，不可能面面聚到，如有不足，欢迎大佬指正。最新文档请阅读原文 本文档基于版本1.19 pr13。 全景漫游（英文：panorama）技术可以让体验者在全景图像构建的全景空间里切换…

krpano是一个可以实现定制化全景项目的根据，很多在线可视化全景平台都是基于krpano开发而来。它本身不开源，商用需要付费购买，否则会有水印，购买方式读者可在官网自行了解。 本文会从零开始做一个完整的全景项目，希望读者跟随步骤完成后能够了解krpano的基本用法，不对krp…

上礼拜做了一个需求：将网页上的内容按顺序保存为图片，并上传至OSS返回URL给后端生成PPT。这里主要分享如何将网页的上的内容保存为图片。至于保存为图片之后的事，比如直接保存为本地，或者上传至服务器等，这里就不探索了。 html2canvas是一个实现网页截图的库，允许你直接在…

360 全景浏览是一种性价比很高的虚拟现实解决方案，给人一种全新的浏览体验，让你足不出户就能身临其境地感受到现场的环境。该技术被广泛地应用在房产、酒店、家居等领域。在互联网订房已经普及的时代，在网站上用全景展示酒店宾馆的各种餐饮和住宿设施，是吸引顾客的好办法。利用网络，远程虚拟…

包含全景图或元素标识符的HTML元素。 全景图像的路径。对于等角的全景图，它必须是单个字符串（我文章使用的就是720°全景图）； 对于立方体贴图，它必须是数组或对象（对应六个面）。 启用的插件列表。（如后面会用到的标记插件marker） 导航栏中显示的文本。如果导航栏被禁用，它…

众所周知，three.js是一个前端3D库，凡虚拟现实、增强现实、元宇宙的web项目，无一不涉及。 但如果仅仅是VR全景展示的话，就有点杀鸡用牛刀的感觉了。基于three.js的封装也有很多库，但我目