使用 paper.js 在画布顶部下方绘制 1/4 段

Question

对于我正在创建的投资组合网站，我想在 Paper.js 中距离目标画布顶部四分之一处画一条线，以制作各种标题。我使用该功能尝试了此代码，view但没有看到任何内容：

var ycoord = view.size.height * 0.25;

var xcoord = view.size.width;

console.log(pos);

var point3 = new Point(xcoord, ycoord);

var point4 = new Point(xcoord, 0);

var pathh = new Path({

  segments: [point3, point4],

  strokeColor: 'black',

  strokeWidth: '10',

});

Answer 1

您混淆了 x 和 y，实际上您在屏幕右侧绘制了一条垂直线。这是更正后的代码：var ycoord = view.size.height * 0.25;var xcoord = view.size.width;var point3 = new Point(0, ycoord);var point4 = new Point(xcoord, ycoord);var pathh = new Path({    segments: [point3, point4],    strokeColor: 'black',    strokeWidth: '10',});