search

we-plugin / we-cropper

微信小程序图片裁剪工具
https://we-plugin.github.io/we-cropper/#/
MIT License
2.17k stars 451 forks source link

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

Open Mrzy opened 4 years ago

Mrzy commented 4 years ago

we-cropper 版本

0.1.0

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

IDE模拟器 & android10

微信版本号

7.0.9

重现步骤

1.在component中使用此template

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

期待的行为

正常绘制

实际的行为

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

dlhandsome commented 4 years ago

自定义组件中：

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

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

yhuaqiang commented 4 years ago

we-cropper 版本

0.1.0

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

IDE模拟器 & android10

微信版本号

7.0.9

重现步骤

1.在component中使用此template

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

期待的行为

正常绘制

实际的行为

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

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

lsy3364458 commented 3 years ago

we-cropper 版本

0.1.0

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

IDE模拟器 & android10

微信版本号

7.0.9

重现步骤

1.在component中使用此template

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

    期待的行为

    正常绘制

    实际的行为

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

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

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