收藏
回答

横屏landscape canvas的比例不对

问题模块 API/组件名称 终端类型 微信版本 基础库版本
API和组件 canvas 客户端 6.6.1 v1.02.1712280

如果是 Bug:


* Bug 表现是什么?预期表现是什么?


同样的代码, 在竖屏上是正常的, 但是在横屏上就变成1:3的比例了. 如上图, 我画的是100x100的绿色方块, 开发者工具里面是正常的, 但是放到iPhone 6P上就变成上面那样了.

* 如何复现?

export default class Main {

  constructor() {

      this.loop();

  }

  loop() {

    ctx.fillStyle = "#f00";

    ctx.fillRect(0, 0, canvas.width, canvas.height);

    ctx.fillStyle = "#0f0";

    ctx.fillRect(0, 100, 100, 100);

    window.requestAnimationFrame(

      this.loop.bind(this),

      canvas

    )

  }

}

* 提供一个最简复现 Demo

如上.

最后一次编辑于  2017-12-30  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏