KineticJS를 사용하여 이미지를 움직여서 화면을 움직이려고하는데 기능 오류가 계속 발생합니다. 이미지가 잘 표시되지만 imageObj.move가 함수가 아니며 계속 그 이유를 알 수 없다는 말을 계속합니다. 나는 자바 스크립트와 KineticJS에 다소 익숙하다. 그래서 나는 정말로 기본적인 오류를 만들 수있다. 그래서 약간의 도움은 매우 환영받을 것이다. 감사!KineticJS 이미지 애니메이션 적용 방법
window.onload = function(){ //init function
var stage = new Kinetic.Stage("container", 600, 600);
var fluffyImgLayer = new Kinetic.Layer();
var imageObj = new Image();
imageObj.onload = function(){
imageF = new Kinetic.Image({
x: 0,
y: 250,
image: imageObj,
});
fluffyImgLayer.add(imageF);
stage.add(fluffyImgLayer);
}
imageObj.src = "Flutter_Fluffy_100.png";
stage.onFrame(function(frame){
console.log("fired")
imageObj.move(10,10);
fluffyImgLayer.draw();
});
var period = 2000;
stage.start();
}
을 또한 도움이된다면, 내가 imageF가 정의되지 않은 것으로 오류가 발생 imageF.move (10,10)를 호출하려고하면. – marblecatdog