Small Project with FabricJS

Status: Closed
Prize: €20
Entries Received: 9
Winner: johnluke230

Winner

Contest Brief

Hey everyone,

I have a small script. This script creates a small canvas with an image of a cat, and there is also a cut-out frame. On the right, there is a button that can be used to crop the existing image, creating a new image.

My problem is that I can't edit the newly created images, and the cutouts don't change when I adjust the cut-out frame.

What I need is to be able to crop the original image as it currently looks, and the newly created images or cutouts can also be further cropped.

The cut-outs need to be exactly how I have moved the cut-out frame. For example, if I move the cut-out frame to a rectangle, the cut-out also needs to be a rectangle.

Attached, I am sending the started script which can be used as a reference or further optimized.

IMPORTANT: When you bring your suggestions, please provide them as a screenshot where you can see how multiple cuts have been made on the original and on the cut-outs.

Recommended Skills

Winner

Post a Contest Like This

Top entries from this contest

Mufeedahamed Sri Lanka

0
ricky180 Indonesia

0
asfarwaheed01 Pakistan

0
nadanheart75 Pakistan

0
devlopraju23 Bangladesh

0
devlopraju23 Bangladesh

0
properdeveloper Bangladesh

0
abdallamr Egypt

3

View More Entries

Public Clarification Board

asfarwaheed01
- 2 months ago
HI, I have submitted an entry. Kindly have a look at it and help me provide you with the best solution, Thank You.
- 2 months ago
abdallamr
- 2 months ago
Do you want to crop from the original image while preserving the original image, or crop from it and leave the crop area empty?
- 2 months ago
ricky180
- 2 months ago
I can help
- 2 months ago
ricky180
- 2 months ago
Hi!
- 2 months ago