how to resize in horizontal and vertical axis?

[bboyle]

Screenshot above from the demo site: https://stackblitz.com/edit/image-cropper?file=src%2Fmain.ts

The cropper has 8 handles (squares) for resizing.
The 4 corners work by resizing diagonally, as I would expect.
The 4 middle handles I would expect to size on that center axis.

I drag the top-middle handle downwards, I would expect the cropped area to shrink by moving the top border down and the left and right sides in by equal amounts. Instead, the top-middle handle behaves exactly the same as the top-right handle.

Is there a setting to change this behaviour, or is it a bug? need a PR? thoughts?

ps: this aside, it's a great component! thanks for publishing it :)

[bboyle]

thought on this a little more. basically I expect the transform origin to be the opposite handle when dragging. so if you drag a corner, the origin is the diagonally opposite corner. if you drag the top-middle handle, the origin would be the bottom middle handle (again, directly opposite). Will look at a PR early next week

[loiddy]

Hiya,

I've already done this: #644. If you want to try it and give us feedback that would be awesome.

I'm working through other changes and the idea is to merge everything together. Will take a while.

[bboyle]

That sounds cool :) The images on that PR look great, that resize behaviour is indeed what I am looking for!
My feedback would be to split it into smaller pull-requests so features can be released quicker — obviously I have a vested interest. I'll give feedback on the PR

[bboyle]

ps: thanks so much for tackling the resize behaviour, that's awesome :)