krpano初體驗

krpano是一個全景雲圖框架。可以用來處理全景照片，自動生成網頁，實現全景瀏覽、VR瀏覽。它主要是一個JS框架，居於XML配置檔案，可以進行各種配置或二次開發，實現各種炫酷效果。我感覺利用krpano可以輕易實現各種實景漫遊、三維展示效果。當今世界疫情嚴重，搞線上博物館或線上展覽館有實際意義；對於房屋中介，線上展示房屋單位估計也是行業標配。

演示地址

演示地址

這2天所做的專案有類似要求，我也初步體驗了一下，記錄心得如下：

一、處理全景照片

一張全景照片，要用krpano展示的話，先用它提供的工具處理下。處理過程出奇的簡單，將全景照片（可以一次多張）拖到某個批處理檔案上面就OK了：

然後系統就會生成一個網頁專案。裡面還有一個伺服器，是一個exe檔案。雙擊執行，即可看到全景效果。當然將專案放到web伺服器，或者整合到我們專案裡也是很容易的事情。以下就是生成的網頁專案

二、基於krpano的專案檔案結構

krpano是基於配置檔案的，好多效果和功能，都通過在xml檔案裡進行配置。而且它的xml檔案還可以引用別的xml檔案，利於模組化程式設計。

三、新增熱點

將一張全景照片，自動旋轉，全景瀏覽，一點都不新奇，許多框架、工具，甚至單純用JS指令碼都能做。但更為複雜的功能好像就不怎麼支援。以下是用krpano在全景照片中新增熱點的效果，滑鼠移上去後變色，出提示文字，點選出詳細資訊：

四、自定義地圖

krpano可以使用各種線上地圖，比如谷歌，必應。也可以使用圖片做的自定義地圖，用於做縮圖，或者直觀展示全景照片的地理位置等。

點選以上水滴即可切換全景照片。