Krpano插件的使用

krpano全景生成插件

開始接觸全景項目開發的時候發現國內這方面的資源確實很少,偶然機會發現KRPANO這個插件,但是中文文檔需要付費,所以寫了這篇文章可以幫助更多有需要的人。


一些簡單上的功能文檔已經寫的很清楚了,我就介紹一下文檔裏面沒有寫到的,首先介紹一下如何使用插件生成全景圖,如圖:這裏寫圖片描述

接着會出現:

這裏寫圖片描述

生成的vtour文件夾,這個文件夾裏面的文件中文文檔有很詳盡的解釋:中文文檔

接下來打開tour.xml文件看不懂的話 http://www.krpano360.com 這個是關於krpano插件的詳盡解釋
可以參考

在接下來的開發過程中你可能會遇到想在scene標籤裏面引用別的全景圖的一些設置

這裏寫圖片描述

如果實在看不懂代碼,可以根據標籤名字理解插件要實現的功能

其實最主要的文件就是 skin文件夾下面的vtourskin.xml文件了,這裏面會有全景圖的各種設置、功能及動畫

或許你還需要讓xml 文件和 js 文件進行交互使用,實現更好的效果, 但是沒有好的辦法 ,這個我也沒有辦法解釋清楚,可以理解下面的代碼舉一反三:

  //生明變量,必須有,有這個生明纔可以調用krpano的一些方法
  var krpano = document.getElementById("krpanoSWFObject");
  // 爲自動旋轉開關按鈕添加事件處理程序
    autorotateSwitch.addEventListener('click', function (e) {
      e.preventDefault();

      if (krpano.get('autorotate.enabled')) {
        krpano.set('autorotate.enabled', false);
        autorotateSwitch.style.backgroundPosition = '0 0';
      } else {
        krpano.set('autorotate.enabled', true);
        autorotateSwitch.style.backgroundPosition = '0 -30px';
      }
    }, false);

文章越寫感覺東西越多,有點難以表述。。。。。。

開發過程中會有很多的問題,大家可以交流,這個插件我也是剛開始使用,希望可以討論的可以加QQ:1097202355 可以一起討論 研究 希望大家有好的交流羣可以留言給我 謝謝了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章