HTML5 Canvas-এ মাউস ইভেন্ট ট্রিগার হচ্ছে না? সমাধান

সাধারণ কারণ এবং সমাধান

১. GPU অ্যাক্সিলেশন ফোর্স করুন (Chrome/Safari বাগ ফিক্স)

const canvas = document.getElementById('myCanvas');
canvas.addEventListener('mousemove', function(e) {
  const rect = canvas.getBoundingClientRect();
  const x = e.clientX - rect.left;
  const y = e.clientY - rect.top;
  console.log('Mouse:', x, y);
}, false);

৩. পয়েন্টার ইভেন্ট (Pointer Events) ব্যবহার করুন (আধুনিক)