Как правильно очистить холст? [Дубликат]

Я думаю, вы только хотели бы сделать это, если бы данные элемента были довольно большими (например, объект другого довольно здоровенного класса), и у вас есть внешняя подпрограмма, которая работает только с ссылками на объекты этого класса. Вы не хотите копировать объект-член, поэтому это позволяет вам передавать его.

15
задан Juan Carlos 18 November 2012 в 01:46
поделиться

2 ответа

Вы должны использовать «beginPath ()». Вот и все.

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();
}
30
ответ дан aaaidan 26 August 2018 в 16:13
поделиться

Попробуйте с помощью context.canvas.width = context.canvas.width:

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

Демо ЗДЕСЬ

-1
ответ дан salih0vicX 26 August 2018 в 16:13
поделиться
Другие вопросы по тегам:

Похожие вопросы: