Qml Item grabToImage 保存图像错误答案

【问题标题】：Qml Item grabToImage save image errorQml Item grabToImage 保存图像错误
【发布时间】：2018-06-15 09:55:05
【问题描述】：

我正在使用

Item.grabToImage()

但我收到以下错误。

QML ItemX: grabToImage: item has invalid dimensions

这是因为我使用了这样的高度和宽度属性：

width: {
    // return with * 0.4; based for some condition
    // for eg
    return parent.width * 0.4;
}

// and something similar with height

只有当我输入静态高度和宽度时，我才能使以下代码正常工作：

grabToImage(
    function(result)
    {
        result.saveToFile("/path/project-name/tmp/something.png");
    }
);

关于为什么以及如何解决这个问题的任何想法？

谢谢

【问题讨论】：

【解决方案1】：

我不是 100% 确定原因，但这是关于父级的动态宽度的问题。

在我编写的程序中，我已将图像的锚点设置在预览容器的左侧和右侧。

因此，当我尝试从覆盖图像的另一个项目获取图像捕获以剪切图像的较小部分时，它不允许我这样做。我解决这个问题的方法是设置源图像的固定图像大小，然后将其锚定到预览部分的中心。

现在唯一的问题是，如果您缩放窗口，它不会变大。我确信我可以实现主程序窗口的大小更改，然后设置图像的宽度（未测试）。

我要提到的最后一件事是，如果图像很小，那么从源图像的各个部分中剪切出来的图像将变得模糊且质量不佳。我通过将“sourceSize.width”设置为一个非常大的图像来解决此问题，然后使用“scale”属性缩小图像以适合预览项。

【讨论】：