javascript - 如何向requestAnimationFrame的回调函数中传递参数

Question

function drawAll(ball) {
    ctx.clearRect(0,0,864,664);
    drawBorder();
    ball.moveBall();
    ctx.drawImage(ball_img,ball.location_x,ball.location_y,2*ball.ballrad,2*ball.ballrad);
    requestAnimationFrame(drawall);
}

预想的是向drawall这个函数中传递ball这个对象，moveball是改变ball的位置，drawimage一行是根据ball的位置绘制ball，但这样做不能成功。
我知道可以用全局变量去实现，但求教有没有向callback中传参的方法呢，尤其是未来drawAll函数可能接受多个参数的情况下。

Answer 1

其实跟setTimeout类似，我们知道传参传的是一个函数，那么我们是不是可以用一个匿名函数来包裹这个函数的执行呢

比如：

function fn(fc){
    console.log('fc:',fc)
    fc++;
    setTimeout(function(){
        fn(fc)
    },1000)
}
fn(1);

Answer 2

callback.bind(this,参数1，参数2)?
Function.prototype.bind()

Answer 3

为什么我的审批二个小时了还没过..
不好意思啊，
借楼问个问题：
页面一p，操作transform: rotate(70deg)旋转后，
我要拖动这p，mousedown点击时，p会偏移出原来点击的位置?
这是什么原因造成的，有什么解决方法