React Expert for photo canvas component

Hi. We have an issue we're needing fixed to move forward. The clients site allows users to upload images and rotate. We're making it more user friendly by providing an expected experience with the image centering in the canvas for edit.

Our trouble is centering the image in the canvas and making the editor responsive.

My dev notes below:

Image issue problem:

Till now what I've done:

earlier the size was setting up static. I set dynamic in SourceImage.js->setImage in state and used in Image in render method.

for getting images small in area. i've set scale accordingly. [login to view URL] -> 104,105

to remove edit photo, I've changed in common/[login to view URL] I pass one props as full width. changed component accordingly.

now for bigger canvas area we do have static height and width, We need to make it dynamic with some logic.

Right now I've set 1080, earlier it was 400.

and to set image center in canvas area. we've to implement some logic which should work fine with dynamic resize for canvas and image size.

so now there are two issues as below:

1) make canvas size dynamic, you can use 'resize' event listener for that. (HERE WE CAN'T USE '90VH' BECAUSE LATER WE CALCULATE OTHER THINGS ON THIS)

2) need to set image in center in canvas area. now need to implement logic which works fine with dynamic size of canvas and image.

If you need more info let me know

please respond with the words I Know React as your first words to be considered.

Habilidades: Instalação de Blog, Design Gráfico, PHP, Design de Sites

Veja mais: react canvas game, react canvas demo, react canvas resize, react canvas npm, react display canvas, react-konva, react canvas todataurl, react canvas vs react konva, photo canvas, project photo canvas, expert answers joomla component, photo gallery component, flash photo gallery component, joomla photo gallery component good, as3 photo gallery component, photo rate component, joomla photo gallery component review, jobs photo canvas, java photo editor component, wordpress photo gallery component

Acerca do Empregador:
( 14 comentários ) Atlanta, United States

ID do Projeto: #19650669

13 freelancers estão ofertando em média $162 para esse trabalho


Hello , How are you? I am a highly skilled senior react js and react native with +4 years of experience. https://www.freelancer.com/u/Gates777 Please check my portfolio and reviews. Then you can trust about my react js Mais

$140 USD in 7 dias
(105 Comentários)

Hi... How are you?. I saw your description carefully carefully and i'm very interesting in your project. I have rich experience in react.js, react native ,angular, ionic, vue.js so i can do your project. Also i Mais

$140 USD in 3 dias
(26 Comentários)

Hello? Nice to meet you. I am excited to work with you on this project. I am ready to start work immediately. So I think I can help you if you want. Here are my working result for React js with google api and firebase. Mais

$140 USD in 7 dias
(73 Comentários)

Dear Hiring Manager. I am so excited to apply in your project. just went through the job description. understood your requirements correctly and interested in your project. I am an experienced React, HTML5 canvas Mais

$277 USD in 3 dias
(25 Comentários)

Hello Dear. I am a mobile app developer (webste - backend, front end also) working for 6+ years . I want to chat with you for more details to begin project. so please hesitate to send message to me. I will wait you alw Mais

$200 USD in 15 dias
(11 Comentários)

Hello i am very interested in your post project. i am sure i can provide you perfect result as you want since i have rich experience on react-redux, and node js, angular , vue, something like SPA. please call me Dmi Mais

$155 USD in 3 dias
(35 Comentários)

Dear sir, I know React as well. I am a web developer and I have a rich experience in react.js. Also, I am interested in your project and I am confident in your project. So if you hire me, I can do this perfectly. Th Mais

$160 USD in 3 dias
(19 Comentários)

Hello there! Already, I checked the description more carefully. I'd really like to work with you on this one if possible! My name is Maxim and I am in website development inculding socail website, payment, eCommerc Mais

$150 USD in 3 dias
(15 Comentários)

Dear Client. When it comes to your project, i am expert. I will provide you 100% satisfaction work and full service. It would be great if you hire me. Based on your feedback, I can draft my proposal accurat Mais

$200 USD in 3 dias
(16 Comentários)

Hello, I go through all the details carefully which you have mentioned in the description, I assure you I will give you desire results which will be totally responsive. We have 5yrs of best experience in all required Mais

$105 USD in 3 dias
(22 Comentários)

"I Know React" ✅✅✅✅✅✅✅ Hello. I have read your proposal carefully and understood what you want. As a senior full stack developer, I have 5+ years of experience in developing SPA apps like React js. Smart UI/UX des Mais

$170 USD in 2 dias
(12 Comentários)

We read your proposal and understood that you need to make canvas size dynamic and make the image location in the center of the canvas area. We can do this with our expert designers. We have expertise in Photoshop, C Mais

$115 USD in 4 dias
(2 Comentários)

Hello I am a senior full stack javascript developer with 10+ years experience. I'm a front-end coder with perfect pixel. Particularly, I am talented at ReactJS/AngularJS framework and pretty familiar with sev Mais

$155 USD in 3 dias
(2 Comentários)