Media cropping: retain aspect ration when you shift+click/drag

[melchoyce]

In many image editing apps, holding shift while you click/drag a selection "locks" the selection to a square aspect ratio. I keep trying to do this while cropping images in the Customizer (for example, logos), but holding shift doesn't do anything. Any way we could add this enhancement to cropping in the media modal?

[kirasong]

Related: #22786

[kirasong]

Tested, and this is working for me in all contexts besides the customizer (editing images from posts/media modal/etc).

You can do things like choose a ratio (on the right) when resizing, then click to drag and maintain that ratio as well.

[adamsilverstein]

In 40211.diff​: Adjust cropper tool used in customizer so that shift locks the aspect ratio at '1:1'

• When using the cropper view, set a ration of 1:1 when the shift key is held when dragging.

This seems intuitive to work this way to me. Might be worth looking at how any plugins are using the cropper view in case we want to make the default ratio configurable.

@melchoyce can you please give this a test and see if it works as you expected? I tested in twentyseventeen customizer editing the logo image.

[melchoyce]

Patch works as expected 👍 Thanks @adamsilverstein!

[adamsilverstein]

In 41557:

Customizer: retain aspect ration when cropping media w/ shift+click/drag.

Enforce a 1:1 ratio when holding the shift key and dragging in the image cropping tool in the customizer context.

Props melchoyce, mikeschroder.
Fixes #40211.