使用Paper.js在画布顶部下方绘制第14段

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',
});