登 录
<html><br /> <head><br /> <meta charset="utf-8" /><br /> <style>body{margin:0; overflow:hidden;}</style><br /> <script><br /> onload = function () {<br /> var C = Math.cos,<br /> S = Math.sin,<br /> w = window,<br /> d = document.getElementById("canvas"),<br /> n = 360,<br /> c = d.getContext("2d");<br /> c.fillRect(0, 0, d.width = 2000, d.height = 1000);<br /> c.globalCompositeOperation = "lighter";<br /> c.lineWidth = .5;<br /> var st = setInterval(function () {<br /> if (n >= 3) {<br /> c.font = ""+Math.ceil(120-n/3)+"px 宋体";<br /> c.globalAlpha = n / 1000;<br /> c.strokeStyle = "hsl(" + (n + 110 % 360) + ",99%,50%)";<br /> x = -n * C(n / 100);<br /> y = 250 - S(n / 360 ) * n / 2.5;<br /> c.strokeText("canvas", x + 100, y);<br /> c.font = ""+n/3+"px Georgia";<br /> c.strokeText("HTML5", x + 380, y + 255);<br /> n -= 1;<br /> } else clearInterval(st);<br /> }, 16)<br /> }<br /> </script><br /> </head><br /> <body><br /> <canvas id="canvas"></canvas><br /> </body><br /> </html></p> <p>
抱歉!评论已关闭.