Javascript显示动态位置文本弹出到图像中

const canvas = document.getElementById('myCanvas');
const context = canvas.getContext('2d');

const image = new Image();
image.src = 'path/to/image.jpg';

image.onload = function() {
  context.drawImage(image, 0, 0);
};

canvas.addEventListener('mousemove', function(event) {
  const x = event.clientX - canvas.offsetLeft;
  const y = event.clientY - canvas.offsetTop;
  
  // 在这里实现文本弹出到图像的效果
});

canvas.addEventListener('mousemove', function(event) {
  const x = event.clientX - canvas.offsetLeft;
  const y = event.clientY - canvas.offsetTop;
  
  context.clearRect(0, 0, canvas.width, canvas.height); // 清空画布
  context.drawImage(image, 0, 0); // 重新绘制图像
  
  context.fillStyle = 'red';
  context.font = '14px Arial';
  context.fillText('文本内容', x, y);
});