Drupal 7模块'图像样式'可以产生图像效果,如调整大小,缩放,裁剪等。但这还不够。例如,原始图像大小为800x600,我可以将其缩放到400x300,然后我想在高度上添加白色背景,使其为400x400。如何产生这种效果?
答案 0 :(得分:11)
image cache actions是一个很棒的模块......你可以试试
答案 1 :(得分:1)
最后,我为此创建了image effect module。它会将图像调整为一组精确的尺寸,不会有任何裁剪,拉伸或缩小,但如果需要,会添加白色背景。
答案 2 :(得分:1)
我看到你找到了解决方案。但是有一个更简单的问题。使图像样式将图像缩放到400x300(它将保持图像的纵横比)。然后使用CSS来设置周围div之一的白色背景和固定大小 - 400x300px。如果图像具有不同的纵横比,则会填充周围的白色div。如果要在底部/右侧添加空白,请将图像放在div内的左上角。或者您可以将图像居中以向两侧或顶部/底部添加空白区域(取决于图像的纵横比)。如果图像周围需要边框或框阴影,请将其应用于周围的div。
添加黑色空间: 如果您的图像样式用于响应式幻灯片或其他内容和/或您希望所有图像都是精确的大小(高度/宽度),则可以通过使用两个过滤器来实现此目的:
比例为400x300(高度或宽度将与此尺寸匹配,另一个将等于或小于)
裁剪到400x300(因为高度/宽度已经等于或小于400x300,如果需要,它会在顶部/底部或右/左添加黑色空间)
[编辑]
使用ImageCache Actions(Drupal 7)添加空格:
对于Drupal 8 ImageCache动作现在称为Image Effects。使用背景选项修复高度/宽度的效果是“设置画布”。
答案 3 :(得分:0)
实际上,您可以使用图像工具包效果轻松完成此操作。使用智能大小调整器,您可以定义要用于填充空白的背景颜色。