微信小程序-企业微信避坑指南

企业微信API兼容一览表：https://developer.work.weixin.qq.com/document/path/91503

企业微信组件兼容一览表：https://developer.work.weixin.qq.com/document/path/91504

1.picker组件

在企业微信Mac端以下几种不支持：

1.mode=“multiSelector" (Mac端picker点击无效，没有调起选择弹窗)

2.mode=“region” 省市区选择 (Mac端picker点击无效，没有调起选择弹窗)

解决方案：使用picker-view和picker-view-column组件自定义封装

案例参考：https://github.com/binfy/DatePicker/tree/master（自定义封装时间选择组件）

2.video组件

IOS和Mac在微信｜企业微信小程序中播放视频，高码率会卡顿，视频的音频编码是MP3格式的有可能播放时没有声音。

高码率卡顿的情况：降低视频解码率，或使用H5页面播放视频，浏览器支持的码率更高，一般可以解决这种问题。

视频播放无声音：对视频进行音频转码操作，（音频格式转为AAC）。

3.canvas应用

在企业微信中查询不到getContext API以及使用其获取到的canvas实例后该实例上的属性和方法（如：createImage

toDataURL等）

需要兼容企业微信则需要使用就的canvas方案（参考例子链接：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/canvas-legacy-migration.html）

需获取图片宽高可使用wx.getImageInfo，保存Canva画布可使用以下方法：

wx.canvasToTempFilePath({
  canvasId: 'myCanvas', // wxml上canvas标签绑定的canvas-id
  quality: 1, // 生成图片质量，参考wx.canvasToTempFilePath官方文档
  success(res) {
    wx.saveImageToPhotosAlbum({
      filePath: res.tempFilePath,
      success: function (res) {
        wx.showToast({
          title: '保存成功',
        })
      },
      fail: function (err) {
        wx.showToast({
          title: '保存失败',
          icon: 'error'
        })
      }
    })
  }
}, this) // 不加this可能会找不到canvasId