Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 02.08.2013, 22:45
Профессор
Отправить личное сообщение для Dimaz Посмотреть профиль Найти все сообщения от Dimaz
 
Регистрация: 25.12.2009
Сообщений: 222

Все, разобрался почему. Нужно было добавить методы beginPath и closePath.
function start_drawing(){
ctx.clearRect(0,0,690,460);
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(mouse.x,mouse.y);
ctx.closePath();
ctx.stroke();
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Canvas картинка с обесцвечиванием. cheba Общие вопросы Javascript 9 31.05.2013 09:13
canvas и drawImage() jussik Элементы интерфейса 0 27.10.2012 16:57
Почему неправильно вырисовывается canvas? Amateur Events/DOM/Window 0 19.09.2012 10:45
Создание экземпляра Canvas не затрагивая HTML Tails Общие вопросы Javascript 2 09.03.2012 13:55
Добавить на canvas еще один елемент greengarlic Общие вопросы Javascript 5 22.09.2010 10:16