是否有任何图像效果可以在drupal 7中的图像中添加白色背景

Posted 2023-03-06

【中文标题】是否有任何图像效果可以在drupal 7中的图像中添加白色背景

【英文标题】：is there any image effect to add white background in the image in drupal 7

【发布时间】：2012-05-01 14:30:14

【问题描述】：

Drupal 7 module 'image style' 可以制作resize、scale、crop等图片效果，但还不够。例如，原始图像尺寸为 800x600，我可以将其缩放为 400x300，然后我想在高度上添加白色背景，使其为 400x400。这个效果怎么做？

【问题讨论】：

为什么不使用 CSS 将 50px 的边框应用到图像的顶部和底部？

@jsheffers 因为图片高度不固定

您是说您将图像缩放为固定尺寸的 400x300...如果是这种情况，您可以使用我上面的解决方案。

您找到解决方案了吗？

使用图像缓存操作，具有以下效果：* 缩放 400x400（允许放大）* 定义画布 400x400（中心、中心）#ffffff 在图像下

【参考方案1】：

我看到你找到了解决方案。但是有一个更简单的。使您的图像样式将图像缩放到 400x300（它将保持图像的纵横比）。然后使用 CSS 设置具有白色背景和固定大小 - 400x300px 的周围 div 的样式。如果图像具有不同的纵横比，则会填充周围的白色 div。如果要在底部/右侧添加空白，请将图像放置在 div 内的左上角。或者您可以将图像居中以在两侧或顶部/底部添加空白（取决于图像的纵横比）。如果您需要图像周围的边框或框阴影，请将其应用于周围的 div。

添加黑色空间： 如果您的图像样式用于响应式幻灯片或其他内容和/或您希望所有图像都具有精确的大小（高度/宽度），您可以通过使用两个过滤器来实现：

缩放到 400x300（高度或宽度将匹配此尺寸，另一个将等于或小于）

裁剪到 400x300（因为高度/宽度已经等于或小于 400x300，如果需要，它将在顶部/底部或右侧/左侧添加黑色空间）

[编辑]

添加空格使用ImageCache Actions（Drupal 7）：

See this answer

对于 Drupal 8 ImageCache Actions 现在称为 Image Effects。使用背景选项固定高度/宽度的效果是“设置画布”。

【参考方案2】：

实际上，您可以使用 Image Kit 效果轻松做到这一点。使用 Smart Resizer，您可以定义要用于填充空白的背景颜色。

https://www.drupal.org/project/iek

【讨论】：

您应该使用代码示例显示答案并简要描述以丰富答案，而不是仅仅发布链接

【参考方案3】：

最后，我为此创建了image effect module。它将图像调整为一组精确的尺寸大小，无需任何裁剪、拉伸或收缩，但如果需要，会添加白色背景。

【参考方案4】：

image cache actions 是一个非常适合这种情况的模块……你可以试试

【讨论】：

为此，使用 2 种样式：Scale + Define canvas under image