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

Cropper functionality within canvas not working #97

Open
drbdvd opened this issue Nov 15, 2017 · 4 comments
Open

Cropper functionality within canvas not working #97

drbdvd opened this issue Nov 15, 2017 · 4 comments

Comments

@drbdvd
Copy link

drbdvd commented Nov 15, 2017

I'm using angular 1.5.5. The image is loaded correctly but cropper drag and resize doesn't work - no interaction with canvas possible. On hover, there is no effect as if the event not fired. Any known issues?

@tarastmb
Copy link

In one of last commits he used $(canvas).data(...) which requires some jQuery-like lib that JSBin website loads by default (LOL). Even if you add jQuery it still fails to load canvas environment.

I solved it by analyzing his demo on JSBin (http://jsbin.com/fukeqe/9/edit?html,js,output)
Just copy JS-tab content and make a file of it. Remove top parts that you dont need (app module and controller definition) and it will run fine.

Not sure if there are all features available in that old version, have to check!

@tarastmb
Copy link

Ok! I've found an angular-crop lib that satisfies all my needs here: https://github.com/CrackerakiUA/ui-cropper

@drbdvd
Copy link
Author

drbdvd commented Nov 22, 2017

This totally solved the issue. I prepared a fixed lib out of the jsbin as you suggested.

angular-img-cropper-fixed.zip

@rajaneeshgit
Copy link

Thanks @tarastmb . Now some of functionalities are working fine as per your suggested workaround ( fixed lib out of the jsbin).

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

3 participants