我想在下面实现这个动画:
我正在创建 js fiddle 来像这样工作,但是当我想设置 (x,y) 的位置时我有堆栈..
var interval;
function moveit(left,top) {
$("#obj").css("left",left+'px');
$("#obj").css("top",top+'px');
}
$("#change").click(function(){
var left = $("#left").val(); //posisi x
var top = $("#top").val(); //posisi y
var velocity= 1;
interval = setInterval(function() {
left = parseFloat(left) + parseFloat(velocity);
top = parseFloat(top) + parseFloat(velocity);
console.log('position x = ' + left);
console.log('position y = ' + top);
if(top >= 400 ) {
clearInterval(interval);
}
moveit(left,top);
},10);
});
$("#clear").click(function(){
clearInterval(interval);
});
这是我的 js 小提琴http://jsfiddle.net/viyancs/MxuRP/1/
我的问题
- 如何通过生成代码获取该曲线的 x,y 坐标?
- 也许你有另一个想法让这个更好?
感谢您