微信小程序实现vr全景图预览

最新推荐文章于 2024-06-18 01:05:09 发布

woshiqiaozhiheng

最新推荐文章于 2024-06-18 01:05:09 发布

阅读量4k

点赞数 25

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/woshiqiaozhiheng/article/details/136906433

版权

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

第二步：在pages.json中添加

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

第三步：在页面中使用

在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中放入你拍好的全景图，就能实现预览。