javascript曲线流光动画 javascript 曲线流光动画
var c = ElementById("myCanvas");
var ctx = c.getContext("2d");
var j = 0;
draw();
function draw() {
//先更新每个矩形坐标的数组然后再去渲染
console.log(11);canvas动画
j += 3
ctx.clearRect(0, 0, 1600, 950);
var img = ElementById("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" src="/moban/123.jpg" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。