JavaScript图像未在QML中定义

发布于 2025-01-22 06:56:20 字数 421 浏览 0 评论 0原文

我想在QML文件（QT 5.11）中使用new Image（）。我使用导入...避免QML图像与JS图像名称冲突。但是现在，以下最小示例的结果错误是：

参考文献：未定义图像

import QtQuick 2.11 as QQ

QQ.Canvas {
    width: 200
    height: 200

    onPaint: {
        // this is the javascript part.
        var img = new Image();
        // ...
    }
}

任何帮助都非常感谢以解决此问题。我是否需要在我的操作系统（Debian）上安装任何软件包才能正常工作？

原文

I would like to use new Image() in my QML file (Qt 5.11).
I use import ... as to avoid QML Image vs JS Image name clash.
But now, the resulting error on the following minimal example is:

ReferenceError: Image is not defined

import QtQuick 2.11 as QQ

QQ.Canvas {
    width: 200
    height: 200

    onPaint: {
        // this is the javascript part.
        var img = new Image();
        // ...
    }
}

Any help is greatly appreciated to solve this. Do I need to install any packages on my OS (debian) for this to work?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月朦胧 2025-01-29 06:56:20

如果要在canvas中绘制图像，则需要使用 loadImage（） 。它将异步加载，画布将在加载任何新图像后发出ImageLoaded。

然后，您可以用代码> 并将其传递给您加载的URL：

Canvas {
    property string imageUrl: "qrc://images/image.png"
    Component.onCompleted: loadImage(imageUrl)
    onImageLoaded: requestRepaint()
    onPaint: {
        var ctx = getContext("2d");
        ctx.drawImage(imageUrl);
    }
}

If you want to paint an image in a Canvas you need to use loadImage(). It will be loaded asynchronously and the canvas will emit imageLoaded when any new image has loaded.

You can then paint it with drawImage() and passing it the URL you loaded:

Canvas {
    property string imageUrl: "qrc://images/image.png"
    Component.onCompleted: loadImage(imageUrl)
    onImageLoaded: requestRepaint()
    onPaint: {
        var ctx = getContext("2d");
        ctx.drawImage(imageUrl);
    }
}

回复收藏 0 原文

~没有更多了~