关于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();就会出现

如图的情况；我想要的结果是

，该怎么实现呢？？求教