Comments (5)
I just realize that, there is no problem viewing in browsers. But It is not working in devices. Does this plugin support touch event in mobile devices?
from react-avatar-editor.
Touch Events were added here. It looks like it was not tested well. Can you look into this?
from react-avatar-editor.
@mosch
Suggest to update little patch below on Line 97 to enable touch event in devices:
var eventMove = navigator.userAgent.match(/(Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini)/) ? 'touchmove' : 'mousemove';
document.addEventListener(eventMove, this.handleMouseMove, false);
from react-avatar-editor.
@dimanchee this need some more work to do. I would love if you digg deeper into this!
I think there should be a single point handling all available events for dragging / moving / touching.
It also looks like there is a difference in the dataTransfer object. On which mobile browser did you test this?
from react-avatar-editor.
Cannot reproduce anymore, so closing this. Feel free to shout if this is still wrong.
from react-avatar-editor.
Related Issues (20)
- display loader when image is loaded
- .jpg images increasing in file size after upload HOT 1
- getCroppingRect returning NaN HOT 2
- Creating equivalent DOM representation of editor crop [will pay $ for assistance]
- Not a perfect square
- TS2307: Cannot find module 'react-avatar-editor' or its corresponding type declarations. HOT 2
- How to make onImageChange fire when drag ends
- feature request: Provide a way to get the scaled image without refs
- Dependency warnings HOT 1
- Getting a console.error when using ref inside parent functional component HOT 1
- Change width and height parameter type from number to responsive value per react standard. HOT 1
- Security audit issue in v13.0.0 (@babel/traverse) HOT 4
- Just display part of it when using on the next.js instace and there is a scaling on Windows HOT 3
- Image dragging on canvas do not work on touch simulation in responsive mode in dev tools HOT 1
- Getting an error in the console about the showGrid property. HOT 1
- usage without typescript HOT 4
- With the new version 13.0.1 in production I'm getting "Cannot call a class as a function" HOT 2
- Could not find a declaration file for module 'react-avatar-editor'. 'C:/.../node_modules/react-avatar-editor/dist/index.js' implicitly has an 'any' type. HOT 2
- How to show Grid Lines? HOT 4
- [Question] How do you flip/mirror horizontally/vertically images?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-avatar-editor.