Javascript 如何在QML上使用AnimeJS库

Javascript 如何在QML上使用AnimeJS库,javascript,qt,qml,anime.js,Javascript,Qt,Qml,Anime.js,在Qt Creator中,我是通过此链接创建的Qt Quick Application,但采用以下方式: 将“qrc:/anime master/lib/anime.js”作为逻辑导入 Window { visible: true width: 640 height: 480 title: qsTr("JS") Rectangle{ id: rec1 width: 100; height: width

在Qt Creator中,我是通过此链接创建的Qt Quick Application,但采用以下方式:

将“qrc:/anime master/lib/anime.js”作为逻辑导入


Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("JS")

    Rectangle{
        id: rec1
        width: 100; height: width
        color: "orange"
        x: 200; y: 250
        MouseArea{
            anchors.fill: parent
            onClicked: {
                getAnime()
            }
        }
    }

    function getAnime(){
        Logic.anime({
                  targets: rec1,
                  translateX: 320
              });
    }
}
但我有一个错误:

qrc:/anime master/lib/anime.js:1283:ReferenceError:未定义模块
在其文件中:
module.exports=anime

我对js的了解很少

简单回答:你应该用它来制作动画。
更详细的回答

  • 您不能简单地在QML中使用任何JS库。它们是为JS是一等公民的浏览器使用而编写的。但在QML中,它的功能相当有限
  • 我几乎可以肯定,JS的大多数动画库都基于
    setTimeout()
    函数。QML中根本没有这样的函数
  • 如果你设法使它工作,它将是痛苦的缓慢和不稳定,因为它的标记广泛