BrU32

JS/JQ Canvas Paint Words Example SRC V2

Sep 3rd, 2016
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.92 KB | None | 0 0
  1. <html>
  2. <center>
  3. <h2>
  4. <body bgcolor="#000000">
  5. <font color=darkorange size="25px">
  6. <canvas id="c" width="1000" height="1000"></canvas>
  7. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  8. <script>
  9. var inn="";
  10. var color="";
  11. inn=prompt('Enter Strings To Draw In Canvas:');
  12. color=prompt('Enter Color Name To Draw In Canvas:');
  13. $(document).mousemove(function(e){
  14. var CurX = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
  15. var CurY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
  16. var c=document.getElementById('c');
  17. var ctx=c.getContext('2d');
  18. ctx.fillStyle=''+color;
  19. ctx.fillText(''+inn,e.pageX,e.pageY,10,0);
  20. //$('p1').text('X: '+e.pageX+'<br>');
  21. //$('p2').text('Y: '+e.pageY);
  22. });
  23. </script>
Advertisement
Add Comment
Please, Sign In to add comment