BrU32

JS Canvas Text Fill Effect

Aug 22nd, 2016
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.47 KB | None | 0 0
  1. <body onload="setInterval('draw1();',50);">
  2. <canvas id="canvas" width='1000' height='1000'></canvas>
  3. <script>
  4. function draw1() {
  5. var ctx = document.getElementById('canvas').getContext('2d');
  6. for (var i=0;i<25;i++) {
  7. for (var j=0;j<25;j++) {
  8. ctx.save();
  9. ctx.fillStyle = 'rgb('+(0)+','+(255)+','+(0)+')';
  10. ctx.translate(j*i,j+i*+Math.random()*1000);
  11. ctx.fillText("$",Math.random()*200,Math.random()*200,Math.random()*200,Math.random()*20);
  12. ctx.restore();
  13. }
  14. }
  15. }
  16. </script>
Advertisement
Add Comment
Please, Sign In to add comment