html5 - canvas画图多出3px问题

Question

为什么会多出3px？

Answer 1

因為 canvas 預設是一個行內替換元素，而這 3px 是它所在 baseline 和行底部之間的距離。
把他的 display 設定為 block 即可解決這個問題。