微信小程序canvas 横屏

微信小程序的Canvas API默认是以竖屏模式渲染的，如果你想让canvas内容在横屏模式下显示，你需要手动处理屏幕方向的变化并调整canvas元素。下面是一个简单的步骤说明：

1. 首先，在页面的`onLoad`或`onReady`生命周期内，监听窗口的`orientationchange`事件，这会在设备的方向改变时触发。

Page({
  onLoad: function() {
    window.addEventListener('orientationchange', this.handleOrientationChange);
  },
  
  handleOrientationChange: function() {
    // 检查当前屏幕方向
    var isLandscape = window.innerWidth > window.innerHeight;
    
    if (isLandscape) {
      // 如果是横屏，对canvas进行相应的尺寸调整
      var canvas = document.getElementById('myCanvas');
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
    } else {
      // 竖屏时恢复默认尺寸
      canvas.width = wx.getSystemInfoSync().windowWidth;
      canvas.height = wx.getSystemInfoSync().windowHeight;
    }
  }
})

这里假设你的canvas元素id为'myCanvas'。

2. 在`handleOrientationChange`函数中，你需要确保在横屏时设置了正确的宽度和高度，以便canvas的内容能够适配新方向。