Question

关于html5的canvas的坐标问题

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





Answer 1

就你这部分代码运行应该是没问题的，你再试试？

Answer 2

我怎么找不到你的beginPath().
你应该是少写了一个beginPath().导致你的line并不是从你moveTo的点出发的。而且你之前的路径也没有关闭。每次画线记得先开启路径再关闭路径。

Answer 3

画布不能用style属性，也就是css属性定义 ，否则会被拉伸。 你可以：
1，定义在html标签类（注意不是style标签）height="300"
2，用js代码定义，canvas.height = 300;

Answer 4

长方形坐标问题，应该是（300,200）。