BrU32

JS Canvas Creepy Rainbow Flashing Drop Font Fx

Nov 30th, 2016
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.80 KB | None | 0 0
  1. <html>
  2. <body onload="setInterval(drawe,22)" background-color="white">
  3.  
  4. <canvas id="myCanvas" width="1000" height="1000" style="background:black;">
  5. </canvas>
  6. <script>
  7. var inn=prompt('Enter Text To Add To Glowing Sign:');
  8. var outlen=(inn.length*4);
  9. var ii=outlen;
  10.  
  11. function drawe(){
  12. var out
  13. ii=9;
  14. var text = "";
  15. var possible = "FABCGDE0123456789";
  16. var canvas = document.getElementById("myCanvas");
  17. var ctx = canvas.getContext("2d");
  18. ctx.font="500px Comis Ariel"
  19. for(var i=0; i!=3; i++)
  20. text+=possible.charAt(Math.floor(Math.random()*possible.length));
  21. ctx.strokeStyle='#'+text;
  22. ctx.fillStyle="#"+text;
  23. var c = document.getElementById("myCanvas");
  24. var ctx = c.getContext("2d");
  25. ctx.beginPath();
  26. ctx.fillText(inn,250,250,ii+100,ii+100);
  27. ctx.paint();
  28. text='';
  29. if(outlen<4){
  30.  
  31. }
  32. }
  33. </script>
  34. </body>
Advertisement
Add Comment
Please, Sign In to add comment