HTML5 Canvas से चार्ट कैसे क्लियर करें ताकि होवर इवेंट्स ट्रिगर न हों?

Canvas से चार्ट क्लियर करना

Canvas से चार्ट क्लियर करने के लिए, <canvas> एलिमेंट को डिलीट करें और फिर पैरेंट कंटेनर में एक नया <canvas> एलिमेंट जोड़ें:

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(); // नए canvas एलिमेंट को पैरेंट चौड़ाई पर रीसाइज़ करना
    ct.canvas.height = $('#graph').height(); // नए canvas एलिमेंट को पैरेंट ऊंचाई पर रीसाइज़ करना
    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);
};

यह दृष्टिकोण सुनिश्चित करता है कि सभी पिछले इवेंट लिसनर्स और ड्रॉइंग स्टेट पूरी तरह से क्लियर हो जाएं।