[Bug Report] 在自定义组件中使用这个template时绘制失效

[Mrzy]

we-cropper 版本

0.1.0

对应工具或者iOS或者Andriod的版本号

IDE模拟器 & android10

微信版本号

7.0.9

重现步骤

1.在component中使用此template 2. 运行不报错，但边框不绘制 3. 在page中使用没有问题

期待的行为

正常绘制

实际的行为

完全不绘制。 是因为根据canvasId创建CanvasContext对象失败导致；但接口不会报任何错误甚至是warning log； 解决办法是：创建context时需要将component对象作为第二个参数传递进来，详情可参见文档

[dlhandsome]

自定义组件中：

1. 构造器中需通过 ctx 以及 targetCtx 来传入组件内 canvas 上下文，可参考
2. 生成图片时，调用 getCropperImage 时也需要传入组件上下文，可参考

可以直接使用基于 we-cropper 封装的小程序自定义组件 miniprogram-cropper

[yhuaqiang]

we-cropper 版本

0.1.0

对应工具或者iOS或者Andriod的版本号

IDE模拟器 & android10

微信版本号

7.0.9

重现步骤

1.在component中使用此template 2. 运行不报错，但边框不绘制 3. 在page中使用没有问题

期待的行为

正常绘制

实际的行为

完全不绘制。 是因为根据canvasId创建CanvasContext对象失败导致；但接口不会报任何错误甚至是warning log； 解决办法是：创建context时需要将component对象作为第二个参数传递进来，详情可参见文档

你好,在自定义组件中使用,还是不能显示裁剪框

[lsy3364458]

we-cropper 版本

0.1.0

对应工具或者iOS或者Andriod的版本号

IDE模拟器 & android10

微信版本号

7.0.9

重现步骤

1.在component中使用此template 2. 运行不报错，但边框不绘制 3. 在page中使用没有问题

期待的行为

正常绘制

实际的行为

完全不绘制。 是因为根据canvasId创建CanvasContext对象失败导致；但接口不会报任何错误甚至是warning log； 解决办法是：创建context时需要将component对象作为第二个参数传递进来，详情可参见文档

你好,在自定义组件中使用,还是不能显示裁剪框

估计我和你是一样的场景，我是参考https://developers.weixin.qq.com/community/develop/doc/000a46529a4360bd0f67a344356c00 解决的，需要先让画布可见，小程序封装的CanvasContext.draw才能够正常回调