0

我已经定义了两种作物变体“默认”和“同位素”。“默认”包含一些基本的宽高比，如 1:1、3:4、16:9 等。“同位素”变体仅包含一个纵横比 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，我得到天空刮板。

我还尝试了 min/max/width/height 属性的所有可能组合，有/没有额外的“c”，但没有运气。有时结果对于 4:3源图像看起来更好，有时对于 3:4 图像。但我无法找到一种解决方案来获得所有长宽比的方形（裁剪）图像

[编辑 04.07.2017]

进一步的实验显示了不同类型的源图像格式的不同行为。如果图像是 jpg，我必须设置 width="400c" 和 height="400c" 以获得方形图像。如果源图像是 png，一个简单的 maxWidth="400" 和cropVariant="isotope" 就可以完成这项工作。Gif-Images 似乎遵循自己的法律，我还没有看过。

[编辑 08.07.2017]

我目前的经验，在构建一个扩展来测试数百种可能的组合之后：gif 裁剪目前没有像预期的那样工作。更糟糕的是，生成的 gif 图像在不同浏览器中的显示方式不同。一个示例是生成的图像： 在 FF、Chrome、Safari 中查看此图像以查看不同的

4

0 回答 0