使用 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',

});