event.pageX - 如果margin为0 auto，则chrome中的this.offsetLeft = -1

Question

我想将鼠标坐标放在画布上，它位于中心位置。

如果体宽均匀，则按预期工作，否则我可以得到-1。

看看这个：

（箭头代表光标） http://jsbin.com/ibumar/1/

原因可能与四舍五入有关。你会如何建议解决这个问题？

Answer 1

我认为它与Chrome有关。我用户Firefox（在Ubuntu中），我没有问题。我放大了一点，我仍然无法得到它（错误）。 在Chrome中，我尝试了它并在那里向我展示了-1。

控制台输出Chrome :(最近的）

e.pageX   this.offsetLeft
912       913

控制台输出Firefox :(最近的）

913       913 

Answer 2

如果我检查this.getBoundingClientRect().left，我发现它可以有一半的值，如：0.5。