Javascript 当图像跟随指针时，如何更改图像的位置？

所以我有下面的代码。橙色的线是为了跟随我的鼠标，但是我想改变线在鼠标指针下的位置。现在，鼠标指针似乎位于直线的正中央。我希望直线向左偏移一点，以便鼠标指针的尖端大致位于直线的中心

我试着在CSS中添加一个left属性并赋予它5px，但是什么都没有，主要是因为我认为left已经在下面的代码中被赋予了属性

非常感谢您的帮助

$document.mousemovefunction{ $image.css{left:e.pageX}}； 形象{ 位置：绝对位置； }

---

删除4个像素后，图像在中心近似，因为标题仅将其添加到图像中

$document.mousemovefunction{ $image.css{left:e.pageX-4}； 形象{ 位置：绝对位置； }

---

您可以使用CSS transform:translateX-50%属性来代替硬编码图像宽度（这是一种不好的做法，也很难维护），即使您将来完全更改图像，该属性也会起作用

$document.mousemovefunction{ $image.css{left:e.pageX}}； 形象{ 位置：绝对位置； 转换：translateX-50% } 左：e.pageX-10？