問題タブ [typo3-8.x]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
typo3 - アスペクト比 1:1 のクロップ バリアントは、fluid viewhelper を使用して正方形の画像を生成しません
「デフォルト」と「同位体」の 2 つのクロップ バリアントを定義しました。「デフォルト」には、1:1、3:4、16:9 などの基本的な縦横比が含まれています。「同位体」バリアントには、アスペクト比 1:1 が 1 つだけ含まれており、これもデフォルトとして定義されています (selectedRatio = 1:1)。私の場合、この定義は PageTS によって行われ、次のようになります。
このコードを追加すると、ファイル参照を定義できるすべての場所にバリアントが表示されます。たとえば、ニュース レコード (ニュース拡張子から) 内などです。
ニュース レコードに画像を追加し、画像操作ボタンをクリックすると、新しく定義された「同位体」トリミング バリアントを選択し、目的の 1:1 (正方形) トリミング エリアを選択できるようになりました。ここまでは順調ですね。
私の問題は、TYPO3 の標準的な画像ビューヘルパーを使用して、流体テンプレート内でこの切り抜きバリアントを使用すると、正しい出力が得られないことです。
これ：
私が期待する正方形の画像を生成しません。
ソースイメージの縦横比が 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 で表示して、別の画像を表示
fluid - TYPO3 8.7.2-8.7.3 & fluidpages 空白ページ
フロントエンドで TYPO3 8.7.1 から 8.7.2(8.7.3) に更新した後、何も表示されません。すべて空<head>の<body>、など。最新の FLUX、FLUID、fluidpages、fluidcontent、vhs にも更新されます。検索結果はありません。8.7.1 にダウングレードすると、すべて動作します。
インスタンスのクリアも試みましたが、やはり結果はありません。すべてのフロントエンドをレンダリングする「fluidpagesRawTemplate」のように見えますが、まったく呼び出されません。
誰かがこの問題に直面していますか？
PS: - 私の EXT は、バックエンドとフロントエンドのレイアウトに「fluidpages」+「flux」を使用します。- TYPO3 ログまたは php サーバー ログにエラーや警告がありません。