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.

Квалификация: Инсталляция блогов, Графический дизайн, PHP, Дизайн сайтов

Показать больше 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

О работодателе:
( 16 отзыв(-а, -ов) ) Atlanta, United States

ID проекта: #19650669

11 фрилансеров(-а) в среднем готовы выполнить эту работу за $162


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 Больше

$140 USD за 7 дней(-я)
(114 отзывов(-а))

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 Больше

$140 USD за 3 дней(-я)
(43 отзывов(-а))

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. Больше

$140 USD за 7 дней(-я)
(98 отзывов(-а))

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 Больше

$200 USD за 3 дней(-я)
(27 отзывов(-а))

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 Больше

$200 USD за 15 дней(-я)
(12 отзывов(-а))

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 Больше

$277 USD за 3 дней(-я)
(25 отзывов(-а))

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 Больше

$160 USD за 3 дней(-я)
(27 отзывов(-а))

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 Больше

$155 USD за 3 дней(-я)
(41 отзывов(-а))

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 Больше

$150 USD за 3 дней(-я)
(17 отзывов(-а))

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 Больше

$105 USD за 3 дней(-я)
(22 отзывов(-а))

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 Больше

$115 USD за 4 дней(-я)
(2 отзывов(-а))