[已解决]微信小程序定制开发小游戏设置为横屏在

时间：2019-05-04 来源：小程序工厂

问题模块框架类型问题类型操作系统操作系统版本手机型号微信版本
客户端小游戏 Bug iOS IOS iphone7 plugs 6.7.2

当前bug 在IOS下黑屏 Andorid 上正常

- 当前 Bug 的表现（可附上截图）

小游戏设置为横屏页面为黑屏

如果设置回竖屏又可以了说明代码没问题因为也没有报错

- 预期表现

- 复现路径
小游戏就一个页面吧

- 提供一个最简复现 Demo
game.json

"deviceOrientation": "landscape",
设置为横屏

在game.js 在IOS下面是绘制不出来的安卓下可以
var canvas = wx.createCanvas()
var context = canvas.getContext('2d')
context.fillStyle = 'red'
context.fillRect(0, 0, 100, 100)

微信小程序开发问题解答

微信小程序开发者回答：

屏幕发生旋转的时候会清空画布，需要再画一次，或者在 requestAnimationFrame 回调每次去画。

微信小程序开发者回答：

好吧，那这也该算是个BUG了吧。

微信小程序开发者回答：

@官方请问横屏的时候有事件吗？

微信小程序开发者回答：

https://developers.weixin.qq.com/minigame/dev/document/device/orientation/wx.onDeviceOrientationChange.html

微信小程序开发者回答：

横屏事件后，为啥canvas的宽高不会变呢？有没有更多关于横屏适配更多资料可以看一下的？

微信小程序开发者回答：

麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题

微信小程序开发者回答：

wechatide://minicode/ID1GGbm77L2X 这是代码片段链接

微信小程序开发者回答：

你好，提供的代码片段不可用，麻烦重新确认下，谢谢

微信小程序开发者回答：

我试着用另一台电脑的微信开发者工具打开，确实是可以的啊

微信小程序开发者回答：

其实随便用canvas 画一下，就可以复现的。
复现的场景是 Iphone 手机扫开发版二维码（手机上扫码才能复现）

var canvas = wx.createCanvas()var context = canvas.getContext('2d')context.fillStyle = 'red'context.fillRect(0, 0, 100, 100)

微信小程序开发者回答：

对了，还要设置为横屏。竖屏是可以绘制出效果的。

微信小程序开发者回答：

你好，麻烦重新提供下能复现问题的代码片段

微信小程序开发者回答：

代码片段链接：wechatide://minicode/eCeMgcm47A21
我绘制了左半屏为 red 颜色
记得是在iphone 真机下才会出现BUG的

本文网址：http://www.91bianli.com/weixinxiaochengxu/46704.html

上一篇：微信小程序开发自定义组件在手机上显示不出来，但

下一篇：微信小程序远程调试cmdld 1005 ,errCode -2 是什么意思？

微信小程序开发

[已解决]微信小程序定制开发小游戏 设置为横屏 在

微信小程序开发问题解答

[已解决]微信小程序定制开发小游戏设置为横屏在