Canvas实现放射线动画

经常看见网站上一些放射线动画，出于程序员的好奇，divcss5小编也做了一款canvas实现的放射线动画，代码如下：

body { background: #000; overflow: hidden; margin: 0; padding: 0; }

#canv { width: 45%; margin: 5% 30%; animation: wheel-rotate 30s linear infinite; }

@keyframes wheel-rotate {

from {

transform: rotate(0deg);

}

to {

transform: rotate(360deg);

}

}

var c;

var $;

var w = 600;

var h = 600;

constant = 15;

var rad = 300;

var timeout = 0;

c = document.getElementById("canv");

$ = c.getContext("2d");

drawLines();

function drawLines() {

$.fillRect(0,0,w,h);

$.translate(w/2,h/2);

for (var i = 0; i

for (var n = -45; n

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！