Suljettu

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.

Taidot: Blogin asennus, graafinen suunnittelu, PHP, verkkosivujen suunnittelu

Näytä lisää: 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

Tietoa työnantajasta:
( 14 arvostelua ) Atlanta, United States

Projektin tunnus: #19650669

13 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön

Gates777

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 Lisää

$140 USD 7 päivässä
(105 arvostelua)
7.0
crocodile305

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 Lisää

$140 USD 3 päivässä
(26 arvostelua)
6.6
polarjin2017

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. Lisää

$140 USD 7 päivässä
(73 arvostelua)
6.6
stanislav103

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 Lisää

$277 USD 3 päivässä
(25 arvostelua)
5.9
xiaomingming

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 Lisää

$200 USD 15 päivässä
(11 arvostelua)
5.7
greenforest0204

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 Lisää

$155 USD 3 päivässä
(35 arvostelua)
5.8
happyday2008drea

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 Lisää

$160 USD 3 päivässä
(19 arvostelua)
5.1
finaldragon123

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 Lisää

$150 USD 3 päivässä
(15 arvostelua)
4.7
honeyocs803

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 Lisää

$200 USD 3 päivässä
(16 arvostelua)
4.9
styleinwebtech

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 Lisää

$105 USD 3 päivässä
(22 arvostelua)
4.2
BoyVit85

"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 Lisää

$170 USD 2 päivässä
(12 arvostelua)
4.0
AlwinT

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 Lisää

$115 USD 4 päivässä
(2 arvostelua)
2.4
BorisSchalk

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 Lisää

$155 USD 3 päivässä
(2 arvostelua)
2.8