Проблемы с очищающим холстом при перемещении прямоугольника [дубликат]

Заголовок X-Frame-Options - это функция безопасности, применяемая на уровне браузера.

Если вы контролируете свою пользовательскую базу (ИТ-отдел для приложения corp), вы можете попробовать что-то вроде greasemonkey скрипт (если вы можете) развернуть greasemonkey для всех и b) развернуть свой сценарий совместно) ...

В качестве альтернативы вы можете проксировать их результат. Создайте конечную точку на своем сервере и запустите ее, чтобы конечная точка открыла соединение с целевой конечной точкой и просто запустила трафик назад.

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 15 August 2018 в 14:53
поделиться
  • 1
    Отмеченный ответ был принят для правильности. – Juan Carlos 5 October 2014 в 21:56
  • 2
    Хотелось бы добавить, что это касается методов рисования, таких как прямоугольник и дуга. – MetalGodwin 14 January 2017 в 14:13
  • 3
    Это старый, но ... closePath бесполезен и вводит в заблуждение здесь, это просто lineTo(previousStartingPointOfThePath), поэтому для одной строки он ничего не сделает, и он вовсе не говорит о том, что вы закончили объявление своего пути. – Kaiido 2 April 2017 в 02:48
  • 4
    Спасибо @kaiido, я редактировал вопрос. Я думаю, что редактирование находится в духе ответа. Надеюсь, вы не возражаете против авиамоксима – aaaidan 14 August 2017 в 04:27

Попробуйте с помощью 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 15 August 2018 в 14:53
поделиться
Другие вопросы по тегам:

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