HTML5 canvas全景效果

Question

我想在HTML5中製作全景瀏覽器，我已經設法將圖像放置在我的畫布上，以便它們形成360度圖像，並使用jQuery插件來實現橫向滾動的效果。現在，對於我的「問題」，我想通過在旋轉圖像時拉伸畫布中圖像的邊緣使其更具球形感。就像Google在街景中所做的一樣，以更好地感受圖像的深度。

拉伸效果在HTML5 canvas中可能帶有或不帶有JavaScript插件（感覺就像某人可能製作了這樣的插件，或者除了Google之外也有相同的問題）。

希望我不是模糊......

Answer 1

我相信你所問的是如何在HTML5畫布上進行3D投影。你最好的方法是使用wegGL。看看這個example。例如 和beautiful。

Answer 2

您還可以嘗試通過Gnome Software檢出軟件Pano2VR。試用版具有無限試用時間，只需在全景圖上加蓋郵票。但是定製非常容易。