关于canvas旋转

Question

$("#bt-lottery").one("click",function(){            var reg=1;            setInterval(function(){                ctx.save();                ctx.translate(249.5,249.5);//将原点移动到画布中心                ctx.rotate(reg*Math.PI/180);                ctx.clearRect(-pin.width/2,-pin.height/2,pin.width,pin.height);                ctx.drawImage(pin,-pin.width/2,-pin.height/2);                ctx.restore();                reg++;            },5);        });我想要实现指针(pin.png)在转盘上(pan.png)旋转的功能，但是如果ctx.clearRect();就会出现如图的情况；我想要的结果是，该怎么实现呢？？求教