关于html5的canvas的坐标问题?

如图我设置的一个canvas长宽为300px，然后设置一个长宽为200的矩形和一条对角线。但是最终浏览器却呈现了一个长300 宽200的矩形。对象线的x轴也足足偏差了50。请问这是什么原因？