react-avatar-editor
react-avatar-editor copied to clipboard
mosch
Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.
```js Warning: Prop `width` did not match. Server: "150" Client: "300" at canvas at a (webpack-internal:///./node_modules/react-avatar-editor/dist/index.js:1:4901) at div at eval (webpack-internal:///./node_modules/react-dropzone/dist/es/index.js:68:23) at div at eval (webpack-internal:///./node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js:57:66) at CardActions (webpack-internal:///./node_modules/@mui/material/CardActions/CardActions.js:59:82) at...
I have a component that looks like this... ``` import { useState, useRef } from 'react'; import { Button, Dialog, DialogTitle, DialogContent, DialogContentText, Slider, Box } from '@mui/material'; import AvatarEditor...
I have a need for keyboard accessibility that will allow the user to move the image. I'll have a PR coming, unless this is already a consideration on future release.
I tried the demo in Safari and DuckDuckGo browser on iOS, and the chome dev tools mobile simulator thing, and all don't respond to attempts to move the image around.
This changes is fixing the issue: https://github.com/mosch/react-avatar-editor/issues/371 I'm unable to get the project to build as-is, but I'm running a vanilla JS (no Typescript) version, and this is what I...
Feature request https://github.com/mosch/react-avatar-editor/issues/370
Assuming we do not want empty pixels, rotation of the image will allow the user to crop the image in a way that does not fill the entire crop boundary....
Adding some props for grid lines, maybe spacing, would help with aligning things. I think [react-easy-crop does](https://www.npmjs.com/package/react-easy-crop) and some others do this well.
it would be cool to have pinch to zoom. it would work on mobile devices, and then on web it could use the mac trackpad
