Focal Point

  • Écrit le 21 février 2023 par Julien Krier
Module Drupal Illustration Voir sur Drupal.org
Nb téléchargements : 87761

Components

  • Image Presets
  • Media Integration
  • Other Code
  • Documentation
  • Miscellaneous

Images

Focal_Point_Test_Drivel.png

Demo

Licence

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

permet d'ajouter un widget pour cropper l'image sur une partie de l'image

Release

Status : Published
Projects : Modules
Maintenance status : Actively maintained
Development status : Under active development
Supported Branches : 2.0., 2.1.
shield Stable releases for this project are covered by the security advisory policy.

2.1.1 Stable release covered by the Drupal Security Team released 16 July 2024
Works with Drupal: ^9.3 || ^10 || ^11
Install:
composer require 'drupal/focal_point:^2.1'

Covered by Drupal's security advisory policy


2.0.3 Stable release covered by the Drupal Security Team released 15 March 2024
Works with Drupal: ^9.3 || ^10
Install:
composer require 'drupal/focal_point:^2.0'

Covered by Drupal's security advisory policy


8.x-1.5 Stable release covered by the Drupal Security Team released 29 August 2020
Works with Drupal: ^8.8 || ^9
Install:
composer require 'drupal/focal_point:^1.5'

Covered by Drupal's security advisory policy

Release type : Bug fixes Release type : New features

Description

ABOUT

Focal Point allows you to specify the portion of an image that is most important. This information can be used when the image is cropped or cropped and scaled so that you don't, for example, end up with an image that cuts off the subject's head.

DEPENDENCIES

Drupal 8
Crop API
Image (from Core)
Drupal 7
Entity
Image (from Core)

USAGE

Thanks to the folks at Evolving Web there is a great tutorial that shows you exactly how to set up Focal Point.

STEP 1: Set up your image fields

For D8...

Install the module as usual. Once enabled you will have a shiny new image field widget called "Image (Focal Point)". Using this widget will allow your content editors to set the focal point at the desired position on the image (see below).

For D7...

Install the module as usual. Once enabled all standard image fields will allow users to set a focal point by default. The D7 version also supports media image fields if you are using the Media module ( >= 7.x-2.x).

STEP 2: Set the focal point for an image

To set the focal point on an image, go to the content edit form (ex. the node edit form) and upload an image. You will notice a crosshair in the middle of the newly uploaded image. Drag this crosshair to the most important part of your image. Alternatively you can click on the important part of your image if dragging seems too daunting.

As a bonus, you can double-click the crosshair to see the exact coordinates (in percentages) of the focal point.

STEP 3: Setup an image style to crop your image

The focal point module comes with two image effects:

  • focal point crop
  • focal point crop and scale

Both effects will ensure that the user-defined focal point is as close to the center of your cropped image as possible. It guarantees the focal point will be not be cropped out of your image and that the image size will be the specified size.



Toutes les informations proviennent du site drupal.org