Advertisement
Guest User

Pen draw

a guest
Aug 9th, 2015
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.62 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. </head>
  6. <body>
  7. <canvas width="500" height="500" id="canvas" onmousemove="createLines(event);"></canvas>
  8. <script type="text/javascript">
  9. var canvas = document.getElementById("canvas");
  10. var board = canvas.getContext("2d");
  11. var createLines = function (event) {
  12. board.clearRect(0,0,500,500);
  13. var thisevent = this.event;
  14. board.strokeStyle = "black";
  15. board.lineWidth = 1;
  16. board.beginPath();
  17. board.moveTo(thisevent.clientX,thisevent.clientX);
  18. board.lineTo(thisevent.clientX--, thisevent.clientY--);
  19. board.stroke();
  20.  
  21. }
  22.  
  23.  
  24. </script>
  25. </body>
  26. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement