用paper.js创建一个海葵？

Question

我对画布的所有东西都是100％新手。我不知道如何创建一个圆顶的线。到目前为止我有这个：

var path = new Path.Line({
    from: [50, 500],
    to: [50, 200],
    strokeColor: 'black',
    strokeWidth: 20
});

只是创建一个基本行。但有没有办法绕过它？

Answer 1

您可以通过更改strokeCap属性来舍入路径的两端：

var path = new Path.Line({
  from: [50, 500],
  to: [50, 200],
  strokeColor: 'black',
  strokeWidth: 20,
  strokeCap: 'round'
});

无法仅对笔划的一端进行舍入，但如果需要，可以创建一个圆的位置和直径与线段的位置和strokeWidth匹配：

var circle = new Path.Circle({
  center: new Point(50, 200),
  radius: 10,
  fillColor: 'black'
});