clearRect function doesn’t clear the canvas

by

You should use “beginPath()“. That is it.

function lineDraw() {   
    var canvas=document.getElementById("myCanvas");
    var context=canvas.getContext("2d");
    context.clearRect(0, 0, context.width,context.height);
    context.beginPath();//ADD THIS LINE!<<<<<<<<<<<<<
    context.moveTo(0,0);
    context.lineTo(event.clientX,event.clientY);
    context.stroke();
}

More Related Contents:

  1. Draw a connecting line between two elements [closed]
  2. HTML5 canvas ctx.fillText won’t do line breaks?
  3. Detect mousemove when over an iframe?
  4. onMouseMove get mouse position [duplicate]
  5. How can I highlight the line of text that is closest to the mouse?
  6. Finding number of lines in an html textarea
  7. Node.js bug ? function’s return value change when stored as variable
  8. Display attribute ‘Title’ of element/s in other element on Focus or Click
  9. Understanding unique keys for array children in React.js
  10. Access Java / Servlet / JSP / JSTL / EL variables in JavaScript
  11. How to delay the .keyup() handler until the user stops typing?
  12. What do square brackets around a property name in an object literal mean?
  13. Get GPS location from the web browser
  14. How can I auto hide alert box after it showing it? [duplicate]
  15. How to get the focused element with jQuery?
  16. Chrome can’t load web worker
  17. Jquery Change Height based on Browser Size/Resize
  18. SVG re-ordering z-index (Raphael optional)
  19. Facebook “Like” button callback
  20. Destructuring Nested objects in javascript | Destructure second level parent and child Objects
  21. How to localize a simple HTML website page in my case?
  22. How can I get sin, cos, and tan to use degrees instead of radians?
  23. Call a function on click event in Angular 2
  24. Using PhantomJS to embed all images of a webpage produces warnings but works
  25. How to get object in WebGL 3d space from a mouse click coordinate
  26. Implementing events in custom object
  27. How can I Interleave / merge async iterables?
  28. Could a website force the browser to go into fullscreen mode?
  29. Why does the `map` method apparently not work on arrays created via `new Array(count)`?
  30. Add a JavaScript button using Greasemonkey or Tampermonkey?

Leave a Comment