我在将图像从 x=0 设置为 x=400 时遇到问题。我正在使用easeljs 和tweenjs。这是我的代码: Javascript:
<!doctype html>
<html>
<head>
<title></title>
<script src="js/easeljs-0.4.1.min.js"></script>
<script src="js/tweenjs-0.2.0.min.js"></script>
<script type="text/javascript">
function init() {
var canvas = document.getElementById("canvas");
var stage = new Stage(canvas);
var img=new Image();
img.src="http://exampledomain.com/exampleimage.jpg";
img.onload = function(e){
var title = new Bitmap(e.target);
stage.addChild(title);
stage.update();
}
var tween = Tween.get(img).to({x:400},400).call(tweenComplete);
}
function tweenComplete(){
alert('done');
}
</script>
</head>
<body onload="init();">
<canvas id="canvas" width="430" height="446"></canvas>
</body>
</html>
我确定补间开始了,因为 400 毫秒后会打开警报,但图像不会移动一个像素。