Rainbows!
Forked from Anders K's Pen Party.
A Pen by Jordan Halvorsen on CodePen.
<canvas width="400" height="400"></canvas> |
var canvas = document.querySelector("canvas"); | |
var ctx = canvas.getContext("2d"); | |
ctx.font = "900 80px sans-serif"; | |
ctx.lineWidth=2; | |
var str = "FTW"; | |
var strwidth = ctx.measureText(str).width; | |
var width=canvas.width; | |
var c=0; | |
var color=0; | |
var img; | |
(function a() { | |
img=ctx.getImageData(0,0,width,width); | |
ctx.putImageData(img,0,10); | |
ctx.save(); | |
ctx.translate((width/2),width/2); | |
ctx.rotate(Math.PI*(c++/200)); | |
ctx.fillStyle='hsla('+(color=color+4%360)+', 100%, 50%, 1)'; | |
ctx.fillText("FTW",-(strwidth/2),20); | |
ctx.strokeText("FTW",-(strwidth/2),20); | |
ctx.restore(); | |
requestAnimationFrame(a); | |
})(); | |
html,body,canvas { | |
padding:0px; | |
margin:0px; | |
overflow:hidden; | |
height:100%; | |
} | |
body { | |
background: #ffffff); | |
} | |
canvas { | |
display:block; | |
margin:auto; | |
width:100vmin; | |
height:100vmin; | |
} |