Đã Đóng

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.

Kĩ năng: Tạo Blog, Thiết kế đồ họa, PHP, Thiết kế trang web

Xem nhiều hơn: 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

Về Bên Thuê:
( 14 nhận xét ) Atlanta, United States

ID dự án: #19650669

13 freelancer đang chào giá trung bình $162 cho công việc này

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 Thêm

$140 USD trong 7 ngày
(105 Nhận xét)
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 Thêm

$140 USD trong 3 ngày
(26 Nhận xét)
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. Thêm

$140 USD trong 7 ngày
(73 Nhận xét)
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 Thêm

$277 USD trong 3 ngày
(25 Nhận xét)
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 Thêm

$200 USD trong 15 ngày
(11 Nhận xét)
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 Thêm

$155 USD trong 3 ngày
(35 Nhận xét)
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 Thêm

$160 USD trong 3 ngày
(19 Nhận xét)
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 Thêm

$150 USD trong 3 ngày
(15 Nhận xét)
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 Thêm

$200 USD trong 3 ngày
(16 Nhận xét)
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 Thêm

$105 USD trong 3 ngày
(22 Nhận xét)
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 Thêm

$170 USD trong 2 ngày
(12 Nhận xét)
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 Thêm

$115 USD trong 4 ngày
(2 Nhận xét)
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 Thêm

$155 USD trong 3 ngày
(2 Nhận xét)
2.8