Question

小尺寸会产生太大而无法装入盒子的图像。有没有一种方法可以完全包裹图像？

我在做

 <div class="catimgback">
    <img src="#arguments.item.getImageURL(size='arguments.size',width=arguments.width,height=arguments.height)#" alt="#htmlEditFormat(arguments.item.getValue('title'))#" class="catimg" />
</div>

arguments.width = 163px; arguments.height=163px;和arguments.size = small的位置如果我做了catimgback的风格=高度：100％那么一切顺利。此外，我玩的是保持大小自定义并给出自定义的宽度和高度，但无法使图像工作。所有小尺寸的图像都会被切断。

Answer 1

我认为你可能会对getImageURL()如何运作感到困惑。您需要传递height或width参数的唯一时间是传入size='custom'或完全省略size属性。

此外，当您使用size='custom'时，图片会根据上传图片的尺寸自动裁剪。所以，在你的情况下，你想要一个正方形图像......但是如果上传的图像不是正方形，也许它是一个矩形。因此，在这种情况下，Mura从图像的正中心开始，然后从那里向外扩展到最外边界。如果图像是垂直矩形，那么您可以想象矩形的顶部和底部部分不会进行切割。相反，如果图像是水平矩形，则图像的左右边缘不会进入切割。

在这种情况下，您真正想要的是一个名为catimg的预定义图像尺寸，height和width属性为163px。要创建它：

转到站点配置＆gt;从管理区域

编辑网站

点击图片标签
点击底部，点击添加自定义图像尺寸
输入名称（例如，catimg）
输入高度
输入宽度
点击保存（您现在拥有可用于任何内容项目的自定义图片尺寸）
转到站点管理器，然后添加/编辑内容项
如果编辑已有图像的现有内容项，请单击裁剪标记以进入图像详细信息屏幕。否则，请选择要上传的图像，然后选择发布。
从图片详情屏幕，向下滚动至您已创建的自定义图片尺寸，现在您可以重新裁剪图片以选择所需图片图像区域。

现在，只要您拨打getImageURL(size='catimg')，Mura就会使用此特定图片进行展示。

干杯！

MURA：getImageURL小尺寸切断了图像

1 个答案: