Advertisement
BrU32

JS Canvas With Text Random Position W\ Random Rotation SRC

Jan 15th, 2017
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.77 KB | None | 0 0
  1. <style>
  2. canvas{
  3. filter:invert(180%);
  4. filter:contrast(3233%);
  5. filter:saturate(3333%);
  6. filter:brightness(55333%);
  7. }
  8. </style>
  9. <body onload="var i=1000;
  10. setInterval('test();',100.0);" bgcolor="darkgray">
  11. <canvas id="c" width="1000" height="1000" style="fill"></canvas>
  12. <script>
  13. var out=prompt('Enter Text:');
  14. var i=1000
  15. function test(){
  16. for(var i=0;i!=1000;i++)
  17. var c=document.getElementById('c');
  18. for(var i11=0;i11!=3;i11++){
  19. var Pos="ABCDEFG012345679";
  20. var ctx=c.getContext('2d');
  21. ctx.font="23px sans serif";
  22. text=Pos.charAt(Pos)+Math.floor(Math.random()*Pos.length);
  23. ctx.fillStyle="#"+text;
  24. ctx.fillText(''+out,Math.random()*i,Math.random()*i,Math.random()*i,Math.random()*i,Math.random()*i);
  25. i++;
  26. ctx.rotate(Math.random()*Math.PI*180);
  27. ctx.fill();
  28. }
  29. }
  30. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement