- 🇧🇪Belgium weseze
Closing because this ticket has become stale and outdated. Feel free to reopen if this is stil an issue thad needs fixing.
- 🇮🇹Italy finex
Hi, I've at least two use cases where a dynamic crop would be useful.
Example 1:
In my first scenario I've a text block near an image. The image needs to be cutted on top and on bottom in order to have equal height to the text. Using CSS it works fine (grid + object fit cover) but the real image size is bigger in one dimension or in the other.
I don't know the image ratio because it depends from the text len. Simply scaling or using a "backound" option on drimage is not correct in this particolar case.
Example 2:
I've another use case: a gallery with columns with different sizes and on each row the images needs to have the same height. Let's explain better: consider a css grid with columns like 1/6+1/6+2/3, the images heights are 100% to the grid with object-fit cover. Now imagine that all the images are in landscape, let's say a common 16:9 format, the third one will be scaled and the quality will be fine, the first two instead, with the current implementation (and using "scale") will be scaled to a correct size but, due to the height 100%, the quality will be poor because the aspect ratio is very different.
My current solution (work in progress):
I'm trying to implement a new option called "Dynamic aspect ratio crop". It is simply a copy of scale but with el.offsetHeight().
The initial tests are fine and it allows me to cover all the cases.
I'm also using all the existing modes in other cases and they works very well. This is the last feature to cover all my needing :-)