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)
    }

　　

    <img id="tulip" style="position: absolute; display: none" src="/moban/123.jpg" />