删除画布元素下的空间？

我想删除画布元素之间的间距，并希望它们之间没有间距，它们如何实现呢？

还有，当我明确将margin设为零时，为什么会有间距？

也许我错过了关键点，我是HTML，CSS和JavaScript的初学者，如果我对问题的理解不恰当，请在下面的评论中提及它，我会很乐意这样做。

canvas {
  display: block;
}

这应该可以解决问题。

好的解释：

看到canvas是内联的，所以让我们将其视为文本，或者为了简单起见，将其视为字符。.现在考虑字符'w'和'g'..现在注意，'g'的行数比'w'的行低，因此当字符'g渲染'时，基线下方有一些空间，因此渲染'wg'时，字符'w'下方有空白。

那就是您在嵌入式元素画布下方看到的空间。

让我们摆脱内联的东西，给它一个 display: block