MURA: getImageURL小尺寸切断图像

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，如果我制作卡蒂姆巴的style=height:100%，那么一切都很顺利。此外，我玩保持大小是自定义的，并提供自定义的宽度和高度，但无法使图像工作。所有小尺寸的图像都会被剪掉。

Answer 1

我认为您可能对getImageURL()的工作方式感到困惑。唯一需要传递height或width参数的时候，是传入size='custom'或完全忽略size属性。

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

在本例中，您真正想要的是一个名为catimg的预定义图像大小，其height和width属性为163 of。若要创建此功能，请执行以下操作：

1. 从管理区域转到站点Config >编辑站点
2. 单击图像选项卡
3. 指向底部，单击添加自定义图像大小
4. 输入名称(例如，catimg)
5. 输入高度
6. 输入宽度
7. 单击Save (您现在有了可用于任何内容项的自定义图像大小)
8. 转到站点管理器，并添加/编辑内容项
9. 如果编辑已具有图像的现有内容项，请单击裁剪标记以到达图像详细信息屏幕。否则，选择要上载的图像，并进行发布。
10. 在图像详细信息屏幕上，向下滚动到您创建的自定义图像大小，现在可以重新裁剪图像以选择所需的图像区域。

现在，无论何时您调用getImageURL(size='catimg')，Mura将使用这个特定的图像来显示。

干杯!