Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

호버 이벤트가 트리거되지 않도록 HTML5 캔버스에서 차트를 지우는 방법은 무엇입니까?


캔버스에서 차트를 지우려면 요소를 삭제한 다음 아래 주어진 코드와 같이 상위 컨테이너에 새 요소를 추가하십시오 -

var resetCanvas = function(){
   $('#results-graph').remove();  
   $('#graph-container').append('<canvas id = "results-graph"><canvas>');
   canvas = document.querySelector('#results-graph');

   ct = canvas.getContext('2d');
   ct.canvas.width = $('#graph').width(); // here we are resizing the new canvas element to parent width
   ct.canvas.height = $('#graph').height(); // here we are resizing the new canvas element to parent height
   var a = canvas.width/2;
   var b = canvas.height/2;

   ct.font = '12pt Calibri';
   ct.textAlign = 'Align Left';
   ct.fillText('left aligned text on the canvas', a, b);
};