html - Typo3 流体图像裁剪,高度失败

标签 html typo3 crop fluid

使用此代码:

<f:image src="/uploads/extkey/{image}" alt="" width="115c" height="70c" />

产生以下 HTML 输出:

<img src="typo3temp/_processed_/csm_testimage_31f6051846.gif" width="115" height="92" alt="">

screenshot of image tag

图像现在的高度错误,并且顶部和底部有白条。我发现“92”来自它的比例(原始图像是:1280 × 1024)。我猜如果把顶部和底部的白条去掉,高度就会达到70。你知道为什么 Typo3 这样做是错误的吗?这里的其他人也有同样的问题吗?

使用 Typo3 6.1.5 ImageMagick 6

编辑#2: 尝试了宽度、高度、裁剪、maxWidth、maxHeight 的不同组合,例如:

<f:image src="/uploads/extkey/{image}" alt="" width="115" height="70c" maxHeight="70" />

结果/失败是:

  • 图片不是 115x70
  • 图像变形

最佳答案

我已经找到了这个Bug的正确解决方案。现在已经有 4 年多了,但仍未修复。文件和行已更改为:/typo3/sysext/core/Classes/Imaging/GraphicalFunctions.php ,行:2315

<强> http://forge.typo3.org/issues/19045

t3lib/class.t3lib_stdgraphic.php 第2181行(即4.2.6版本中)

使线路适应 $params .= ' -crop '.$data['origW'].'x'.$data['origH'].'+'.$offsetX.'+'.$offsetY.'! ';

我刚刚添加了“!”最后,它现在可以工作了 - “!”在裁剪命令告诉 imagemagick 调整 Canvas 和视口(viewport)之后。

除了我现在正在处理的安装(4.2.6 和 IM 6.3.7)之外,没有使用任何其他安装对此进行测试,因此有人应该在将此修复提交到核心之前执行此操作。

关于html - Typo3 流体图像裁剪,高度失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19161140/

相关文章:

html - 如何为我的 html/css 对齐图像和文本

TYPO3 Extbase switchableControllerActions

Typo3 Powermail : Export of multiple forms not working - How to add Translations

css - 调整窗口大小时如何裁剪图像并保持其居中

android - 如何调整 instagram 应用内浏览器的 html/css 布局?

html - 如何制定可靠的 CSS 策略?

javascript - 如何在 Bootstrap 中自动换行

Typo3:关于 TSFE 数组的引用

javascript - 浏览图像未正确裁剪

pdf - 在 GhostScript 中使用 PDFFitPage 时删除 PDF 页边距