时间戳

首页 > 解决方案 > Typo3 10 在 Typo3 Fluid 中裁剪和调整图像大小无法正常工作

typo3 - Typo3 10 在 Typo3 Fluid 中裁剪和调整图像大小无法正常工作

问题描述

我为我们的客户在 Typo3 10 中建立了一个网站。

在这个网站中，我使用 FileReference 裁剪功能来裁剪一些特定纵横比的图像，例如 1:1 或 2.35:1。总的来说，它正在使用以下流体模板

<img src="{f:uri.image(image: '{page.wmNavImage}', width: 'c', height: 'c')}" alt="{page.title}" />

当我使用大图像并且我想以 1:1 裁剪最大尺寸为 256px 时，当我使用以下模板时，它将忽略后端裁剪信息，或者使图像具有全分辨率

<img src="{f:uri.image(image: '{page.wmNavImage}', width: '256c', height: '256c')}" alt="{page.title}" />

在这个例子中，它看起来像是从我从后端选择的区域中裁剪出一个 256x256 的部分

<img src="{f:uri.image(image: '{page.wmNavImage}', width: 'c', height: 'c', maxWidth: '256', maxHeight: '256')}" alt="{page.title}" />

有了这个，我得到了完整的图像，但调整为 256 的宽度或高度，取决于之前的较大

我真正想要的图像是，我以所选比例从后端选择，但在裁剪后调整到所说的最大宽度/高度有没有办法让 viewhelper 做到这一点，或者我真的必须在裁剪前调整图像大小？

标签： typo3cropfluid

解决方案

好的，我现在已经测试了很多变体，但从未测试过在添加固定宽度/高度时将 c 放在一边。所以现在它正在跟随并最终起作用，就像我一直想要的那样。当我只想在后端显示整个图像时，我需要宽度：'c' 和高度：'c'，除非它只显示完整图像

<img src="{f:uri.image(image: '{page.wmNavImage}', width: '256', height: '256')}" alt="{page.title}" />

推荐阅读