Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
xiaotianhu opened this issue Jul 12, 2019 · 7 comments
Open

Comments

@xiaotianhu
Copy link

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
Copy link
Member

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

getCropperImage 参数传组件上下文既可

getCropperImage({
  componentContext: this
})

@hunshcn
Copy link

hunshcn commented Oct 22, 2019

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

@lijibing01
Copy link

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
Copy link

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

@lijibing01
Copy link

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

@dlhandsome
Copy link
Member

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

@lijibing01
Copy link

@dlhandsome 已经提交啦
#193

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants