【无标题】微信小程序 wxml-to-canvas 运行不起，我的目的就是想把 view 制的表打印下来

Question

https://developers.weixin.qq.com/s/hsAP9Bm77CJn 可以帮我看下我的这个代码为啥跑不起？点击生成图片无任何反应

Answer 1

对于这个微信小程序无法生成图片的问题,我建议可以检查以下几点:

1. 检查canvas组件的id是否正确,id要和wxml绑定的canvas-id一致。
2. 检查canvas组件的width、height等参数是否设置正确,不要超过小程序最大宽高限制。
3. 检查wxml中是否正确引入了这个canvas组件。
4. 检查js逻辑是否有调用wx.canvasToTempFilePath方法,并在成功回调中previewImage预览生成的图片。
5. 检查项目是否开启了es6转es5,可能会影响到Promise的使用。
6. 可以打印出wx.canvasToTempFilePath的成功失败结果,看是否有报错信息。
7. 尝试将宽高改小一些,以及简化canvas中的绘制内容,确保canvas本身没有问题。
8. 如果上述都检查通过,可以试试重新建项目,把相关代码移植过去,排除项目本身的问题。
9. 也可以参考示例demo,例如官方的生成海报示例,复现类似功能。
   总之需要先确保canvas本身绘制没有问题,然后wx.canvasToTempFilePath这个API调用也没有问题,一步步缩小范围来定位问题。