Всем привет. Почему метод clearRect не очищает canvas? Пробовал перемещать картинку мышкой в цикле, методом drawImage, canvas очищался, т.е. метод clearRect работал. В случае с линиями очищаться не хочет. В чем дело?
$(document).ready(function(){
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var mouse = {
x: 0,
y: 0
}
c.onmousemove = function(e) {
mouse = {
x: e.pageX - this.offsetLeft,
y: e.pageY - this.offsetTop
};
}
function start_drawing(){
ctx.clearRect(0,0,690,460);
ctx.moveTo(0,0);
ctx.lineTo(mouse.x,mouse.y);
ctx.stroke();
}
setInterval(start_drawing,20);
});
Привожу пример того, что происходит.
http://jsfiddle.net/5bsrj/