html5 - canvas画图多出3px问题

Question

为什么会多出3px？

Answer 1

因为 canvas 默认是一个行内替换元素，而这 3px 是它所在 baseline 和行底部之间的距离。
把他的 display 设定为 block 即可解决这个问题。