Comment rogner une image dans un modèle Twig?

Question

Comment puis-je construire dans ma brindille? Template a Image-Crop?

J'ai une grande image (450x600px) et dans la sortie Frontend j'ai besoin d'une image 80x80px. J'utilise symfony pour Backend et twig pour le Frontend.

J'espère que vous pouvez m'aider pour une récolte d'image de brindille.

Merci

Answer 1

Comme l'a dit DarkBee, vous pouvez utiliser LiipImagineBundle. Après l'installation, vous devrez créer une configuration pour LiipImagine dans votre config.yml et ensuite vous aurez deux choix: générer une image dans un contrôleur ou la générer à partir d'un filtre de brindilles.

Voir tous les détails et quelques exemples ici: https://github.com/liip/LiipImagineBundle (voyez la section « Créer des vignettes »)

Si vous choisissez de générer l'image d'un filtre brindille, vous allez écrire quelque chose comme ceci dans votre modèle de brindille:

<img src="{{ asset('/your/image/path.jpg') | imagine_filter('your_filter_name') }}" /> 

La documentation complète se trouve ici: http://symfony.com/doc/current/bundles/LiipImagineBundle/index.html (chargeurs de données, résolveurs cache, miniatures, échelle, cultures, bande, tourner, filigrane, ...)

Answer 2

Je ne l'utilise pas PHP et des composants pour faire ça j ob. Pour moi, il est préférable d'utiliser Jquery et j'ai trouvé un simple plugin appelé jQuery-crop.

Le code suivant vous aider avec ce plugin:

$('img.crop').crop({ 
     width : 80, 
     height : 80 
    }); 

juste besoin de choisir l'élément d'image. J'espère que cela vous aidera!