微信小程序实现vr全景图预览-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序实现vr全景图预览。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

首先在微信小程序管理后台拉到最下面，设置——第三方服务——添加插件输入wxPano

微信小程序 vr,微信小程序,小程序

第二步：在pages.json中添加

微信小程序 vr,微信小程序,小程序

然后在你要使用的页面中添加引用例如：

微信小程序 vr,微信小程序,小程序

第三步：在页面中使用

微信小程序 vr,微信小程序,小程序

在onready中实现渲染

onReady() {
			wxPano.onReady = function() {
			      //wxPano初始化完成后会触发此事件
			    }
			    wxPano.config({
			      panolist: [
			        {
			          name: 'xindamen',
			          src: 'https://game.flyh5.cn/resources/game/wechat/szq/krpano/krpano_03.jpg',
			          infospots: [
			            //信息标记
			            {
			              type: 'modal',
			              modal: {
			                title: 'wxPano',
			                content: '欢迎使用wxPano',
			              },
			              position: { x: 0.092, y: 0.434 },
			              size: 1,
			              icon: 'info',
			              bindcamera: true,
			              bindsize: 0.5,
			              bindicon: 'info',
			              bindopacity: 0.75,
			              bindposition: { x: 0.5, y: 0.75 },
			            },
			          ],
			        },
			      ],
			      request: wx.request,
			      loader: 'GLLoader',
			      entryname: 'xindamen',
			    })
		},

src中放入你拍好的全景图，就能实现预览。

微信小程序 vr,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-849937.html