提供一个粗暴解决办法。。 模拟器比例会歪 但反过来真机比例会好。 感觉是canvas实例的时候,真机切换横屏还没执行完毕,导致canvas是按照竖屏比例。 模拟器切换横竖屏很快,所以没有这个问题。 希望能有一个注册监听横竖屏切换的接口。 测试机型 iphone7 plus var canvas = wx.createCanvas() GameGlobal.innerWidth = canvas.height GameGlobal.innerHeight = canvas.width canvas.width = GameGlobal.innerWidth canvas.height = GameGlobal.innerHeight
小游戏横屏配置后显示不正常1. 横屏首先在game.json配置: { "deviceOrientation": "landscape" } 2. 在调用 import './js/libs/weapp-adapter' import './js/libs/symbol' 之后重新获取画布 var canvas = wx.createCanvas() 3. 更改屏幕宽高变量 const screenWidth = window.innerWidth const screenHeight = window.innerHeight 改为 微信canvas的 const screenWidth = canvas.width const screenHeight = canvas.height 模拟器内正常 [图片] 手机预览按钮,文字比例不正常,事件焦点完全无法触发 [图片] 开发工具提供的射击游戏范例也是如此,模拟器内显示正常 [图片] 手机预览文字比例不正常,事件焦点,检测碰撞安全不正确,事件完全无法触发 [图片] 若将宽高变量恢复为 const screenWidth = window.innerWidth const screenHeight = window.innerHeight 则显示变形 [图片] 希望能得到解答,谢谢!
2018-12-28