Paper.js似乎在绘制错误的点

Question

这是我的PaperScript代码：

var path = new Path();
path.strokeColor = 'black';
var start = new Point(0, 0);
var endme = new Point(0, 100);
var endbg = new Point(100, 200);
path.moveTo(start);
path.lineTo(start + endme);
path.lineTo(start + endbg);

这是CodePen演示：http://codepen.io/anon/pen/ONreGQ

y方向上的前100个像素似乎比绘制到下一个倾斜点的下一个100个像素长得多。我误解了什么吗？

图书馆的链接：http://paperjs.org/tutorials/paths/working-with-path-items/

Answer 1

您的代码是正确的。问题似乎与画布的缩放有关。 如果向画布添加宽度和高度，则图形会发生变化。

<canvas id="myCanvas" width=200 height=200 resize></canvas>