【问题标题】:Typo3 Fluid Image crop of with and height failureTypo3 流体图像裁剪与高度故障
【发布时间】:2013-10-10 06:23:42
【问题描述】:

使用此代码:

<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="">

现在图像高度错误,顶部和底部有白条。我发现“92”来自它的比例(原始图像是:1280 × 1024)。我想如果顶部和底部的白条被剪掉,70的高度就会达到。任何想法为什么 Typo3 做错了并且这里的其他一些人有同样的问题?

使用 Typo3 6.1.5 ImageMagick 6

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

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

结果/失败是:

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

【问题讨论】:

  • 您使用哪个库(GM 或 IM6)进行图像处理?裁剪 JPG 文件是否会得到相同的结果,还是只发生在 GIF 文件中?如果是这样,它是透明的 GIF 吗?如果不是透明 GIF,有什么变化吗?
  • 适用于所有类型的图像,无论是否透明
  • 请尝试使用 TypoScript 进行裁剪缩放。只需尝试使用 file.width = 115 和 file.height = 70c 的 IMAGE 对象。
  • @ggzone 你试过添加 maxHeight 属性吗? maxHeight="70"
  • @Kamil 没有任何改变 :( 它完全被忽略了

标签: html typo3 crop fluid


【解决方案1】:

尺寸后的 c 表示“裁剪缩放”。您不能同时对宽度和高度进行裁剪。所以你应该设置一个固定的宽度(width="115")然后裁剪高度(height="70c")。这样,图像将被调整为 115 像素的宽度,并且每个高于 70 像素的像素都将被裁剪。

@ggzone:正如我已经评论过的,请尝试对 TypoScript 对象做同样的事情,意思是:创建一个具有相同参数的 IMAGE cObject 并将其输出到页面上。如果还是不行,那就是 TYPO3 或者 ImageMagick 的问题,如果可以,那就是 Fluid 的问题。我们需要缩小您的问题范围。

【讨论】:

  • “有趣”的是,无论我将“c”设置为宽度还是高度,如果我不更改值,此图像的输出始终为 115x92
  • Typoscript Object 工作。它似乎是一个流体问题
  • “你不能同时裁剪宽度和高度。” - 当然可以!
【解决方案2】:

我已经找到了解决这个错误的正确方法。它现在已经超过 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.'! ';

我刚刚添加了“!”最后,它现在可以工作了 - “!”在crop命令告诉imagemagick调整画布和视口之后。

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

【讨论】:

    【解决方案3】:

    您应该使用maxWidthmaxHeight 来指定适合图像的框

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多