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

第100點的Y方向的像素似乎比更長接下來的100個像素繪製到下一個傾斜點。我誤解了什麼嗎？

的鏈接庫：http://paperjs.org/tutorials/paths/working-with-path-items/

Answer 1

你的代碼是正確的。問題似乎與畫布的縮放比例有關。 如果向畫布添加例如寬度和高度，則圖形會更改。

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