情况1：普通页面，canvas绘制，正常，生成图片正常；
情况2：自定义组件引用canvas绘制，空白；
原因：查看文档，在自定义组件内需要手动传入当前实例的this，否则canvas指向的this为父组件所以无法找到正确canvas；
微信官方文档
情况3：自定义组件内，canvas绘制好了，但是canvasToTempFilePath报fail canvas is empty错误；
原因：同上，但是canvasToTempFilePath({}, this)添加this可能无法解决，因为我使用的小程序框架是Taro，在 Taro 的页面和组件类中，this 指向的是 Taro页面或组件实例。
所以一般我们需要获取 Taro的页面和组件所对应的小程序原生页面和组件实例，这个时候我们可以通过 this.$scope 访问到它们；
所以最后写成：
Taro.createCanvasContext("canvas-id", this.$scope);
Taro.canvasToTempFilePath({}, this.$scope);
情况1：普通页面，canvas绘制，正常，生成图片正常； 情况2：自定义组件引用canvas绘制，空白；原因：查看...
微信小程序的官方文档上有绘图组件canvas，可以通过官方文档了解绘图组件的使用方法。官方文档 此文章主要是...
微信小程序canvas组件官方文档 微信小程序canvas组件官方文档canvas API canvas组件介绍 ...
微信小程序分享之canvas绘图 使用场景 我们在微信小程序中分享页面时使用了onShareAppMessage方...
在微信小程序中使用canvas绘制微信头像需要把头像下载到本地，再使用本地临时路径绘制 使用wx.getImage...
环境 taro 2.2.3 window 微信小程序 使用getApp()方法 在taro中，使用Taro.get...
问题：微信小程序，无法覆盖原生组件解决：canvas、cover-view、cover-image等原生组件，写在...
6月16日更新 微信小程序--绘图canvas微信小程序--如何实现动画效果微信小程序---设计支付密码的输入框微...
Canvas是微信小程序中的一个原生组件，因此我们在使用它的时候要特别注意微信小程序对原生组件的使用说明。canv...
该项目使用uni-app1、由于微信小程序使用canvas如果过多调用draw()方法【绘制点，线等】，会导致绘制...
本文标题：[微信小程序&Taro]自定义组件使用canvas绘图，无法绘制
本文链接：https://www.haomeiwen.com/subject/savewctx.html
网友评论