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

有沒有辦法來圓一個行程只有一個目的，但如果需要的話，你可以創建一個圓，其位置和直徑匹配段的位置和衝程寬度：

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