如何在Umbraco中使用图像裁切器

Question

我在umbraco中使用过图像裁剪器。我可以在“内容”选项卡上看到图像。我已保存并发布。我在网站上看到的是：

{
    "src": "/media/1023/stickyfooter.png",
    "focalPoint": {
        "left": 0.60666666666666669,
        "top": 0.32544378698224852
    },
    "crops": [{
        "alias": "fac",
        "width": 1000,
        "height": 500,
        "coordinates": null
    }]
}

我做错了什么？

Answer 1

这是为图像裁剪机存储的图像原始数据，您需要使用getCropUrl（）帮助方法来获取图像的特定URL，而不是原始数据。应该是

xxxhdpi

多年来，它已经有所变化，因此确切的方法可能会根据您的Umbraco版本而有所不同。有关更多详细信息，请参见https://our.umbraco.com/documentation/getting-started/backoffice/property-editors/built-in-property-editors/image-cropper#sample-code。