0

「デフォルト」と「同位体」の 2 つのクロップ バリアントを定義しました。「デフォルト」には、1:1、3:4、16:9 などの基本的な縦横比が含まれています。「同位体」バリアントには、アスペクト比 1:1 が 1 つだけ含まれており、これもデフォルトとして定義されています (selectedRatio = 1:1)。私の場合、この定義は PageTS によって行われ、次のようになります。

TCEFORM.sys_file_reference.crop.config.cropVariants {
    default {
        title = Default desktop
        selectedRatio = NaN
        allowedAspectRatios {
            NaN {
                title = Frei
                value = 0.0
            }
            1:1 {
                title = 1:1
                value = 1.0
            }
            3:2 {
                title = 3:2
                value = 1.5
            }
            2:3 {
                title = 2:3
                value = 0.6666666667
            }
            4:3 {
                title = 4:3
                value = 1.3333333333
            }
            3:4 {
                title = 3:4
                value = 0.75
            }
            16:9 {
                title = 16:9
                value = 1.7777777778
            }
        }
    }
    isotope {
        title = Auswahl für Isotope Plugin
        selectedRatio = 1:1
        allowedAspectRatios {
            1:1 {
                title = 1:1
                value = 1.0
            }
        }
    }
}

このコードを追加すると、ファイル参照を定義できるすべての場所にバリアントが表示されます。たとえば、ニュース レコード (ニュース拡張子から) 内などです。

ニュース レコードに画像を追加し、画像操作ボタンをクリックすると、新しく定義された「同位体」トリミング バリアントを選択し、目的の 1:1 (正方形) トリミング エリアを選択できるようになりました。ここまでは順調ですね。

私の問題は、TYPO3 の標準的な画像ビューヘルパーを使用して、流体テンプレート内でこの切り抜きバリアントを使用すると、正しい出力が得られないことです。

これ：

<f:image image="{image}" cropVariant="isotope" maxWidth="400" />

私が期待する正方形の画像を生成しません。

ソースイメージの縦横比が 4:3 の場合は、フラット プレスされた長方形が得られます。ソースイメージの縦横比が 3:4 の場合は、スカイ スクレイパーが得られます。

また、追加の「c」の有無にかかわらず、最小/最大/幅/高さ属性の可能なすべての組み合わせを試しましたが、運がありませんでした。4:3のソース画像の方が結果が良く見える場合もあれば、3:4 の画像の方が良い場合もあります。しかし、あらゆる種類のアスペクト比で正方形の (トリミングされた) 画像を取得するための解決策が見つかりませんでした

[編集 04.07.2017]

さらに実験を行うと、さまざまな種類のソース イメージ形式でさまざまな動作が示されます。画像が jpg の場合、正方形の画像を取得するには width="400c" と height="400c" を設定する必要があります。ソース画像が png の場合、単純な maxWidth="400" と cropVariant="isotope" を組み合わせて使用​​します。Gif-Images は独自の法則に従っているようですが、まだ調べていません。

[2017 年 8 月 7 日編集]

何百もの可能な組み合わせをテストする拡張機能を構築した後の私の現在の経験: gif トリミングは現在、期待どおりに機能していません。さらに悪いことに、生成された gif 画像はブラウザーによって表示が異なります。生成された画像の例: この画像を FF、Chrome、Safari で表示して、別の画像を表示

4

0 に答える 0