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 пикселей в направлении у, кажется, гораздо больше, чем следующие 100 пикселей нарисованы на следующую скошенную точку. Я что-то не понимаю?

Ссылка на библиотеку: http://paperjs.org/tutorials/paths/working-with-path-items/

Answer 1

Ваш код правильный. Проблема, похоже, связана с масштабированием холста. Если вы добавите, например, ширину и высоту к холсту, изображение изменится.

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