公告列表
公告列表
收藏
评论

[小游戏] 横屏后显示不正常的解决方案

  1. 请先看是否遇到这种情况 => 点击查看

  2. 横屏后微信没有处理 canvas 的 width 和 height 导致屏幕横过来了，canvas的宽和高还是竖屏的

  3. 解决方法自己判断一下 然后重新写入 canvas 的 width 和 height 属性

  4. 我这里封装了一个 class 用来处理微信的问题 引用该文件后 WxPatch.fixScreen() 即可


  5. export default class WxPatch{
      static fixScreen() {
        let width = canvas.width
        let height = canvas.height
     
        if ( !WxPatch.fixedScreen && height > width) {
          canvas.width = height
          canvas.height = width
          WxPatch.fixedScreen = true
        }
      }
    }
收藏

3 个评论

  • Marvel
    Marvel
    2023-02-16

    iphone12 mini, iphone8机型上横向时出现 宽高相反问题，重置宽高完美解决问题

    2023-02-16
    赞同
    回复
  • 小李头
    小李头
    2022-11-21

    完美解决 太感谢了

    2022-11-21
    赞同
    回复
  • Kokowaah
    Kokowaah
    2019-02-22

    正好解决问题，

    2019-02-22
    赞同
    回复
请 登录 后发表内容