canvasタグの下に謎の隙間

今までcanvasであまり大きなものは作ったことがなかったのですが、ブラウザ全体を覆うような巨大なものを実装したところ、すぐ下に3pxぐらいの謎の隙間が生じていることに気付きました。
開発者ツールで犯人を捜しましたが、すぐにはわかりませんでした。

もしやと思ってcanvasのdisplayプロパティを見ると、なんと「インライン要素」でした。
つまりimgタグでよくある「例のアレ」が起きていたのです。

なのでcssでvertical-align: bottom;を指定するか、もしくはブロック要素にしてしまえばいいですね。

今までcanvasを使うことがほとんどなかったので気づきませんでした。
というかreset.css次第ですねこれ。