还没毕业的实习生求救，现在项目里分到个任务，VR图片的上传和查看，找了半天也没进行的下去啊，有大佬能给点方向嘛
Flame_
- 发布：2020-05-06 14:23
- 更新：2020-05-12 16:06
- 阅读：3425
Flame_ (作者) - 入门级前端渣渣
绕了些弯路，断断续续，终于搞好了，这里自答一下，首先，VR的图片，是全景图片，是jpg格式，全景图片的查看器插件有很多，以前的老师给我推荐的有Panolens.js，我还找到有Pano.js等，我这里使用的是photo-sphere-viewer.js ，无论哪一个都差不多，这些插件基本都是基于Three.js，使用只需要引入一两个js文件，然后new一个对象出来，修改图片路径就好了，但这是H5的，要引入到uniAPP项目中，就可以使用组件web-view，将本地写好的查看器HTML引入，就OK了，经过测试，真机、H5、模拟器都可以使用，小程序还需要写下兼容，并且由于插件本就是H5的，所以在H5调试图片效果最好，无论清晰度、流畅度和插件的自带功能都是H5端效果最好。所有东西完全基于文档，一个查看器插件文档，一个uniapp文档，注意点只是像我这样新手和没用过web-view的同学，在uniapp中引入html的话，html的放置路径是规范的，仔细阅读文档哦
沃野布吉岛
你好请问可以加下Q交流一下吗？
2022-03-23 10:42