[Bug Report] 在uniapp中使用mpvue-cropper绘制canvas空白问题

[xiaotianhu]

we-cropper 版本

1.3.7

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

uni-app

微信版本号

开发工具1.02.1904090 stable

重现步骤

在uniapp中,加载mpvue-cropper组件 选择图片后虽然执行了updateCanvas 但是绘制失败

期待的行为

https://juejin.im/post/5bee6443e51d452b4f3906c6 参考这个链接,在小程序环境中,component组件内使用canvas的时候需要传入this才能绘制

修改了一下,在new WeCropper()的时候,在params内把this(指的是组件的vueComponent对象)传过去,在wx.createCanvasContext(id, self.vueThis);把this参数带上,才能成功.

实际的行为

同上

[dlhandsome]

https://we-plugin.github.io/we-cropper/#/api?id=wecroppergetcropperimageoptcallback

getCropperImage 参数传组件上下文既可

getCropperImage({
  componentContext: this
})

[hunshcn]

同样遇到这个问题，getCropperImage 参数传组件上下文也仍然没有绘制图片

[lijibing01]

we-cropper 版本

1.3.7

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

uni-app

微信版本号

开发工具1.02.1904090 stable

重现步骤

在uniapp中,加载mpvue-cropper组件 选择图片后虽然执行了updateCanvas 但是绘制失败

期待的行为

https://juejin.im/post/5bee6443e51d452b4f3906c6 参考这个链接,在小程序环境中,component组件内使用canvas的时候需要传入this才能绘制

修改了一下,在new WeCropper()的时候,在params内把this(指的是组件的vueComponent对象)传过去,在wx.createCanvasContext(id, self.vueThis);把this参数带上,才能成功.

实际的行为

同上

能贴一下具体的改法吗，目前也在uniapp上使用这个插件，但是用不起来

[fanfan1993]

uniapp上根本用不起来，绝了 ，求demo

[lijibing01]

@fanfan1993 看看可以用不https://www.jianshu.com/p/a9bf2517a7a8

[dlhandsome]

@lijibing01 看看能否在本仓库 PR 修复一下

[lijibing01]

@dlhandsome 已经提交啦 https://github.com/we-plugin/we-cropper/pull/193