canvas 实现一张图片 旋转下落

Question

var canvas = document.getElementById('canvas');

var  ctx = canvas.getContext("2d");

var img = new Image(),i = 1;

    img.crossOrigin = "anonymous";

    img.src = 'http://s18.mogucdn.com/p2/160804/upload_632bjgig656cech975lk32kebbe53_230x440.png';

    img.onload = function(){

       

        setInterval(function(){

            ctx.clearRect(0, 0, canvas.width, canvas.height);

            ctx.drawImage(img,200,i);

            ctx.translate(315,i+220);

            ctx.rotate(i* Math.PI / 180);

            ctx.translate(-315,-i-220);

            i++;

        },160);

    }

    

     这样好像只会原地旋转