ジャンゴ·画像トリミングはimgareaselectを使ってDjangoのadminのバックエンドを経由してアップロードした画像をトリミングするためのDjangoアプリです これは、画像が表示されているときのみクロッピング、そのまま元の画像を保持します。大きな画像は、小さな形式で表示され、そうであっても非常に大きな画像を簡単にトリミングすることができます。
あなたのテンプレートの特定のサイズで画像を必要とするが、あなたのユーザーや編集者が任意の次元の画像をアップロードするときジャンゴ - 画像 - トリミングは完璧です。ユーザーが奇妙サイズの画像とレイアウトを壊すことができないので、一定のアスペクト比の選択を提示します。
それは必要なフィールド、ウィジェットやあなたのテンプレートでトリミングされた画像を表示する(easy_thumbnails)サムネイルプロセッサを提供しています。またFeinCMSコンテンツタイプで動作します!
<強い>インストールの
1. PIPを使用したジャンゴ·画像·トリミングをインストールします。例えば:
&NBSP;インストールジャンゴ - 画像 - トリミングピップ
2.あなたのINSTALLED_APPSにeasy_thumbnailsとimage_croppingを追加します。あなたがDjangoの1.3とcontrib.staticfilesを使用している場合image_croppingにのみ必要です
3.あなたのsettings.pyでeasy_thumbnailsのサムネイルプロセッサを調整します。
&NBSP; easy_thumbnailsからデフォルト値をインポートする
&NBSP; THUMBNAIL_PROCESSORS =(
&NBSP; 'image_cropping.thumbnail_processors.crop_corners」、
&NBSP;)+ defaults.PROCESSORS
4.必要な静的ファイルをデプロイします。
&NBSP;あなたがDjangoの1.3を使用してcontrib.staticfilesしている場合は、必要な静的なファイルが自動的に選択されるべきである。他のすべてのケースでは、静的なファイルをコピーするか、シンボリックリンクする必要があります。あなたの設定に応じてコマンドがこれに似ているはず。
&NBSP;ます。ln -s〜/ .virtualenvs / yourenv / SRC /ジャンゴ·画像トリミング/ image_cropping /静的/ image_cropping /
のコンフィグレーションの
定期的なのImageFieldのcroppableを行うためには、単にImageCropFieldにそれを回す。そして、トリミングした画像の境界が含まれますImageRatioFieldを追加。 ImageRatioFieldは第一引数と第二引数として表示される最終的な画像のサイズと関連したImageCropFieldの名前を期待しています。
サイズは、文字列として渡され、選択のアスペクト比と同様に、最終的な画像の最小サイズを定義している。ユーザーがこの最小値よりも小さいの画像をトリミングしようとすると、選択がロックされています。
1.モデルフィールドとオプション:
&NBSP; image_cropping.fieldsからImageRatioField、ImageCropFieldをインポート
&NBSP;画像= ImageCropField(空白= TRUE、= 'uploaded_images」upload_to、真= NULL)
とをタップ;#サイズは "幅×高さ」である
&NBSP;クロップ= ImageRatioField( '画像'、 '430x360')
あなたのセットアップが正しい場合2.あなたは自動的に管理者のバックエンドで画像の選択領域を提供強化された画像ウィジェットが表示されるはずです。
サムネイルプロセッサの3使用例:
&NBSP; {%のサムネイルyourmodel.image 430x360ボックス= yourmodel.cropping作物のディテール%}
4.さらに、あなたのsettings.pyにプレビューサムネイルの最大サイズを定義することができます。
とをタップ;#サイズは "幅×高さ」である
&NBSP; IMAGE_CROPPING_THUMB_SIZE =(300、300)
のエクストラの
あなたが複数の形式で同じ画像が必要な場合は、単に別のImageRatioFieldを指定します。これは、画像を二回クロップできるようになります:
image_cropping.fieldsからImageRatioField、ImageCropFieldをインポート
画像= ImageCropField(空白= TRUE、ヌル= TRUE、upload_to = 'uploaded_images')
#サイズは "幅×高さ」である
list_page_cropping = ImageRatioField( '画像'、 '200x100')
detail_page_cropping = ImageRatioField( '画像'、 '430x360')
あなたのテンプレートでは、単に対応する比率フィールドを使用します。
{%サムネイルyourmodel.image 200x100ボックス= yourmodel.list_page_cropping作物の詳細%}
の要件の
- のPythonます。
- ジャンゴます。
コメントが見つかりません