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 可以一起討論 研究 希望大家有好的交流羣可以留言給我 謝謝了。