পুরনো ক্যানভাস মুছে নতুন ক্যানভাস যোগ করুন
Canvas-এ আঁকা চার্টের হভার/টুলটিপ ইভেন্ট বন্ধ করার সবচেয়ে নিশ্চিত উপায়: পুরনো <canvas> এলিমেন্টটি DOM-এ থেকে রিমুভ করুন এবং একই আইডি দিয়ে নতুন ক্যানভাস অ্যাপেন্ড করুন।
jQuery ব্যবহার করে রিসেট ফাংশন
');
// ৩. নতুন কনটেক্সট এবং সাইজ সেট
canvas = document.querySelector('#results-graph');
ct = canvas.getContext('2d');
ct.canvas.width = $('#graph').width(); // প্যারেন্ট প্রস্থ
ct.canvas.height = $('#graph').height(); // প্যারেন্ট উচ্চতা
// ৪. ডেমো টেক্সট আঁকা
var a = canvas.width / 2;
var b = canvas.height / 2;
ct.font = '12pt Calibri';
ct.textAlign = 'left';
ct.fillText('left aligned text on the canvas', a, b);
};
কেন এটি কাজ করে: পুরনো ক্যানভাসে বাইন্ড করা সকল ইভেন্ট লিসেনার (হভার, ক্লিক, মাউসমুভ) এলিমেন্ট রিমুভ হলে গারবেজ কালেক্ট হয়ে যায়। নতুন ক্যানভাসে কোনো ইভেন্ট লিসেনার থাকে না।
বিকল্প: কনটেক্সট ক্লিয়ার করুন (ইভেন্ট লিসেনার থাকবে)
