search

hzdg / hz-core

HZ's internal library of React Components 🚧
https://hz-core.netlify.com
0 stars 0 forks source link

Render image using focal point #30

Open talebbits opened 5 years ago

talebbits commented 5 years ago

Wagtail admin has option to set focal point part image we can render different sized image using this focal point.

Sample response from wagtail

image{
        url
        focalPointX
        focalPointY
        focalPointWidth
        focalPointHeight
        width
        height
      }

Helpfull info

https://css-tricks.com/focusing-background-image-precise-location-percentages/ https://github.com/wagtail/wagtail/blob/d3b8bcb68987cfddf2686f754932ba967745d3f7/wagtail/images/image_operations.py#L65