Twigテンプレートでイメージをトリミングするにはどうすればいいですか？

Question

どのようにして私の小枝のテンプレートを構築できますか？

私は大きな画像（450x600px）を持っており、フロントエンド出力には80x80pxの画像が必要です。

私はバックエンドにsymfonyを、フロントエンドにtwigを使用しています。

私は小枝のイメージ作物のために私を助けてくれることを願っています。

おかげ

Answer 1

DarkBeeで言ったように、あなたがLiipImagineBundleを使用することができます。

インストール後、config.ymlにLiipImagineの設定を作成しなければなりません。コントローラにイメージを生成するか、twigフィルタからイメージを生成するかの2つの選択肢があります。

ここにすべての詳細といくつかの例を参照してください：https://github.com/liip/LiipImagineBundle（「サムネイルの作成」セクションを見てください）

あなたは小枝フィルタから画像を生成することを選択した場合、あなたはあなたの小枝テンプレートでこのような何かを書きます：

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

完全なドキュメントは、ここで見つけることができます：http://symfony.com/doc/current/bundles/LiipImagineBundle/index.html（データローダー、キャッシュリゾルバ、サムネイル、スケール、クロップ、ストリップ、回転、透かし、...）

Answer 2

私はPHPとコンポーネントを使用していませんそれをやってob。私にとってはJqueryを使う方が良いですし、jQuery-cropという簡単なプラグインが見つかりました。

次のコードは、このプラグインのお手伝いをします：

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

ちょうど画像要素を選択する必要があります。これはあなたを助けて欲しい！