Показать сообщение отдельно
  #1 (permalink)  
Старый 02.08.2013, 22:09
Профессор
Отправить личное сообщение для Dimaz Посмотреть профиль Найти все сообщения от Dimaz
 
Регистрация: 25.12.2009
Сообщений: 222

Почему не очищается canvas?
Всем привет. Почему метод 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/

Последний раз редактировалось Dimaz, 02.08.2013 в 22:24.
Ответить с цитированием