如何在 QML 上使用 AnimeJS 庫

Question

在 Qt Creator 中，我創建了QT Quick Application並使用此鏈接github ，但使用這種方式：

import "qrc:/anime-master/lib/anime.js" as Logic

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 is not defined in its file: module.exports = anime; 我對js的了解很少

Answer 1

簡單答案：您應該使用QML 的內部動畫工具。
更詳細的答案：

1. 你不能簡單地使用 QML 中的任何 JS 庫。它們是為瀏覽器使用而編寫的，其中 JS 是第一個 class 公民。 但在 QML 中，它的功能非常有限。
2. 我幾乎可以肯定，JS的animation庫大部分都是基於setTimeout() function。QML中根本就沒有這樣的function。
3. 如果你以某種方式讓它工作，它會非常緩慢且不穩定，因為它太離譜了。