lilith
commented
2 years ago This is good; I had something similar in the Faces plugin and I would like to implement this feature as you described.
On Mon, Feb 28, 2022, 7:09 AM iJungleboy @.***> wrote:
At the moment the url allows for ?anchor=topcenter to make sure cropping behaves as we need it to when the image is auto-cropped.
But we would like to give our users much more control - but automatically. The idea is that they could mark an area on the image which is important, and the cropper would use this to limit what must stay inside the result, and what can be cropped.
Something like ?anchor=bottomright&focus=22-67,50-90
The core idea is that the content-editor could select a rectangle on the image determining what's really important - and therefor must stay in the image no matter how we crop it. The example above would have been in %, so the important bits of the above example would be:
- Within the width from 22% to 67%
- Within the height of 50% to 90%
Based on this, and also because bottom-right is the anchor, the image would try to crop ensuring that this area will be visible, and expand to top-left from the 67%/90% corner.
Of course it would need to do various corrections if the image doesn't fit.
We believe this would be super-useful for many CMS scenarios, and would also help write the code if you see this is a useful addition.
— Reply to this email directly, view it on GitHub https://github.com/imazen/imageflow/issues/594, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAA2LHZJWODSM3RBDX3RDO3U5N6YFANCNFSM5PRGDMQA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.
You are receiving this because you are subscribed to this thread.Message ID: @.***>
iJungleboy
At the moment the url allows for
?anchor=topcenterto make sure cropping behaves as we need it to when the image is auto-cropped.But we would like to give our users much more control - but automatically. The idea is that they could mark an area on the image which is important, and the cropper would use this to limit what must stay inside the result, and what can be cropped.
Something like
?anchor=bottomright&focus=22-67,50-90The core idea is that the content-editor could select a rectangle on the image determining what's really important - and therefor must stay in the image no matter how we crop it. The example above would have been in %, so the important bits of the above example would be:
Based on this, and also because bottom-right is the anchor, the image would try to crop ensuring that this area will be visible, and expand to top-left from the 67%/90% corner.
Of course it would need to do various corrections if the image doesn't fit.
We believe this would be super-useful for many CMS scenarios, and would also help write the code if you see this is a useful addition.
Note: I noticed this is somehow similar to what the
gravityin the JSON configuration would do. Maybe it would also be enough to allow a gravity-parameter in the url-syntax?