2014-03-10 4 views

ответ

0

Вам необходимо сделать redraw() следующим образом;

var canvas = document.getElementsByTagName("canvas")[0]; //get the canvas dom object 
var ctx = canvas.getContext("2d"); //get the context 
var c = { //create an object to draw 
    x:0, //x value 
    y:0, //y value 
    r:5 //radius 
} 
var redraw = function(){ 
    ctx.clearRect(0, 0, canvas.width, canvas.height); //clear canvas 
    ctx.beginPath(); //draw the object c 
    ctx.arc(c.x, c.y, c.r, 0, Math.PI*2); 
    ctx.closePath(); 
    ctx.fill(); 

    requestAnimationFrame(redraw); 
} 
function move(){ 
    var x = Math.random() // this returns a float between 0.0 and 1.0 
    c.x = x * canvas.width; 
    c.y = x * canvas.height; 
} 
redraw(); 

setInterval (move, 1000);

Проверьте это JSFIDDLE Пример.

Смежные вопросы