Javascript 如何在QML上使用AnimeJS库
在Qt Creator中,我是通过此链接创建的Qt Quick Application,但采用以下方式: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
将“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中根本没有这样的函数
如果你设法使它工作,它将是痛苦的缓慢和不稳定,因为它的标记广泛