x

Open in Github
@twicpics-components
Documentation

focus property

The focus property will change the focus point coordinates of the image(only useful withmode="cover").
It allows to determine what should be visible when the image is cropped.

You can set the focus by using coordinates orautovalues:

  • Coordinates represent a point in the image, specified as a couple of positive lengths, separated by the characterx.
    As an example, infocus="1920x1282":
    -1920is the coordinate along the x-axis (following the width of the image)
    - and1282is the coordinate along the y-axis (following the height of the image)
  • Ifautois used in place of actual coordinates, the focus point will be chosen automagically for you!

If you only need border-based positionning (top,bottom, etc), use anchor instead.

No focus (default)
No focus(default)
focus="1920x1282"
focus="auto"