Jquery rotated resized image in HTML to PHP imagemagick output
- or -
Post a project like this1504
£40(approx. $50)
- Posted:
- Proposals: 5
- Remote
- #2714234
- Awarded
Description
Experience Level: Entry
I have a web app which functions thus:
Container div of variable dimensions
Image within container is DRAGGABLE, ROTATABLE, and RESIZABLE via jQuery UI (only draggable and resizable functions are handled by jquery UI, rotation is a custom function but displayed in HTML via css transform).
Needs to output rotation and transformation data to a PHP script which uses imagick to generate an image of fixed dimensions. Crucially, the output image MUST BE THE EXACT SAME POSITION AND SIZE RELATIVE TO THE FIXED OUTPUT DIMENSIONS as it is onscreen to the PARENT DIV.
I have a very basic test folder setup, with files:
HTML web app
PHP script
js folder
To demonstrate the problem, you need only load the page, move the image around with the onscreen tools, and then click a button to view output.
This is surely not such a complex problem really but I just cannot for the life of me figure out the problem and I am at the point of just trial and erroring various javascript trigonometry endlessly.
I will provide a link to the test page and brief instructions to the successful applicant - note that the HTML page contains a lot of garbage JS due to being pulled from an existing project but I will point you to the one relevant function.
The PHP script is short and should be easily interpretable.
Container div of variable dimensions
Image within container is DRAGGABLE, ROTATABLE, and RESIZABLE via jQuery UI (only draggable and resizable functions are handled by jquery UI, rotation is a custom function but displayed in HTML via css transform).
Needs to output rotation and transformation data to a PHP script which uses imagick to generate an image of fixed dimensions. Crucially, the output image MUST BE THE EXACT SAME POSITION AND SIZE RELATIVE TO THE FIXED OUTPUT DIMENSIONS as it is onscreen to the PARENT DIV.
I have a very basic test folder setup, with files:
HTML web app
PHP script
js folder
To demonstrate the problem, you need only load the page, move the image around with the onscreen tools, and then click a button to view output.
This is surely not such a complex problem really but I just cannot for the life of me figure out the problem and I am at the point of just trial and erroring various javascript trigonometry endlessly.
I will provide a link to the test page and brief instructions to the successful applicant - note that the HTML page contains a lot of garbage JS due to being pulled from an existing project but I will point you to the one relevant function.
The PHP script is short and should be easily interpretable.
Company Ltd
100% (25)Projects Completed
19
Freelancers worked with
19
Projects awarded
68%
Last project
20 Dec 2023
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies