javascript 曲线流光动画详解编程语言

 javascript 曲线流光动画

   var c = document.getElementById("myCanvas"); 
 
 
    var ctx = c.getContext("2d"); 
    var j = 0; 
    draw(); 
 
    function draw() { 
        //先更新每个矩形坐标的数组 然后再去渲染 
        console.log(11); 
        j += 3 
 
        ctx.clearRect(0, 0, 1600, 950); 
        var img = document.getElementById("tulip"); 
   
     for (var i = 0; i < 60; i++) { 
           ctx.drawImage(img, lujinglist[i + j][0], lujinglist[i + j][1], 1, 5); 
        } 
        // for (var i = 0; i < 60; i++) { 
        //     ctx.fillStyle = 'rgba(255,0,0,' + (i / 60) + ')'; 
        //     ctx.fillRect(lujinglist[i + j][0], lujinglist[i + j][1], 1, 5); 
        // } 
 
        requestAnimationFrame(draw) 
    }