使用图像viewhelper在流体模板中裁剪图像

Question

我想使用f:image或f:uri.image viewhelper（TYPO3 8.7）在Fluid中裁剪图像。由于TYPO3 7.2通常的方式不再起作用了：

这：

<f:image image="{file}" width="500c" height="500" />

不起作用。

在流体指南中，我发现提示，因为TYPO3 7.2我必须使用裁剪。我在更改日志中找到了这个： https://docs.typo3.org/typo3cms/extensions/core/7.6/Changelog/7.2/Feature-65584-AddImageCropping.html

所以这应该有效，但它没有：

<f:image image="{file}" crop="0,0,500,500" />

渲染图像但默认大小。

有什么想法吗？以后的版本有什么变化吗？

Answer 1

我尝试了全新装置，发现了我的错。

1. 使用c和m进行裁剪确实在TYPO3 8中有效 - 流体手册中的提示是错误的。

2. 在短语法中你必须使用''来发送c或m正确。

这种语法错误：

 <img src="{f:uri.image(image:file, width:200c, height:200)}">

没有错误消息，图像被渲染但字母c被忽略。您必须使用以下语法：

<img src="{f:uri.image(image:file, width:'200c', height:'200')}">

这会奏效。

另外一个提示：更改语法后，每次都不会渲染图像，只有在尺寸发生变化时才会渲染。有时您只是获得缓存的图像...删除/ fileadmin / _temp上的内容确实有帮助。

好吧 - 也许它会帮助一些人:-)

Answer 2

您可以使用下面的f:image。它为我工作。

<f:image src="{file.originalResource.publicUrl}" width="770c" height="517c" height="350c" />

Answer 3

您还可以在tca中指定裁剪设置并在FE中使用此设置，以查看存储库的示例：https://github.com/frans-beech-it/t3ext-config_examples。

除此之外，在安装工具中，您可以检查裁剪是否适用于您的机器。如果您使用1px调整图像的裁剪信息，则可能会出现已经处理过的图像，如果您创建了新的处理图像。如果图像有效，请清除已处理的文件以生成所需格式的新图像。