Advertisement
BrU32

JS Canvas Draw Words Of All Diff Sizes SRC

Oct 29th, 2016
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.60 KB | None | 0 0
  1. <html>
  2. <body onload="
  3. Draw();">
  4. <canvas id="myCanvas" width="500" height="500"
  5. style="border:1px solid #d3d3d3;">
  6. Your browser does not support the canvas element.
  7. </canvas>
  8. <script>
  9. var ii=1;
  10. function Draw(){
  11. ii++;
  12. var intt=prompt("Enter #:");
  13. var t=prompt('Enter Text To Display:');
  14. for(var i=0;i<intt;i++){
  15. var canvas = document.getElementById("myCanvas");
  16. var ctx=canvas.getContext("2d");
  17. ctx.font="50px Comic Sans MS";
  18. ctx.fillStyle = "red";
  19. ctx.textAlign = "center";
  20. ctx.fillText(""+t,Math.floor(Math.random()*500)+ii,Math.floor(Math.random()*500+ii),ii++);
  21. }
  22. }
  23. </script>
  24. </body>
  25. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement