Coordinate system ?

[a0s]

1st of all, thank you for this great project, especially v2 version.
I am trying to figuring out what coordinate system you are using, where is the (0,0) zero point?
I have to do something useful during change CropperImage's event, for e.g. i want to have image touched to 2 of 4 edges of container during scaling.

I don't understand how to calclulate translateX and translateY manually. Why they negative? Why they is so big?? It doesn't look like the dimensions of the container compared to translate values..

[a0s]

I realized that i was needed

cropperImageRef.value!.style.setProperty('transform-origin', 'top left')

now it works as expected

[fengyuanchen]

1. The (0,0 is the top left of the cropper canvas element.
2. By default, the origin of a transform is center. see https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin.