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 个像素长得多。我是不是误会了什么？

一个link到图书馆：http://paperjs.org/tutorials/paths/working-with-path-items/

Answer 1

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

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

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

Paper.js seems to be plotting wrong points

javascript

vector

paperjs