画布标签在我的页面上移动了

题

我试图简单地将鼠标跟踪到我的canvas标签上，并记录它与圆心的距离。问题是，它稍微掉了。

当我在圆的右侧时，鼠标必须在圆内大约1厘米处，然后才能显示r的距离（半径= 200）。当我在圆的左侧时，我必须在圆外约1cm处才能记录r的距离。就像圆圈向右移动了一点。

我尝试用 a小提琴重现它，但奇怪的是，小提琴是完美的；就在现场。

所以我想我的问题是，什么会导致我的画布标签在页面上移动大约1厘米（但在小提琴上不移动）。我需要更好的DOCTYPE吗？我在下面复制了我的全部资源。我已经在FF和Chrome中进行了测试-结果相同。

编辑

我也尝试了<!DOCTYPE html>，但无济于事。通用标签

解决方案

是的，实际上似乎body{margin:0, padding:0, border:0}可以解决问题。另外，顺便说一句，与其调用所有这些Math函数，还不如说是更简单，更快捷的方法：通用标签

此外，使用 css重置套件可能会解决所有浏览器的所有问题。>

我很好奇，所以我检查了默认值：通用标签

在FF 9.0.1上的输出是这样的：通用标签

许可以下： CC-BY-SA 和归因