canvas_focal_point_widget
Widget to set focal point and image scale within canvas editor interface.
I have used the great Focal Point module in the past however that module set the focal point globally for an image. Also the focal point is set at generation and editing of the media entity. I wanted the ability to set focal point per instance in Canvas. For example, the same media entity is used on a hero component with a specific focal point and then used in a card with a different focal point.
Work in Progress and generated with the help of AI
Features
Provides a visual focal point picker and image scale slider for
Canvas component image props.
- Drag-and-drop focal point dot overlaid on a live image thumbnail
- Optional scale slider (100–200 %) when a `{prefix}_scale` prop is present
- Auto-discovers any prop pair following the `{prefix}_focal_x` /
`{prefix}_focal_y` naming convention — no per-component configuration needed
Additional Requirements
- Drupal 11 or later
- Canvas module
Similar projects
Focal Point sets the focal point globally for an image. Also the focal point is set at generation and editing of the media entity. Canvas Focal Point Widget sets the focal point per media instance in Canvas editor interface.