如何在paper.js中为平曲线添加手柄

时间:2014-07-30 03:08:59

标签: javascript vector-graphics paperjs

我正在尝试使用如下所示的mousetool向Paper.js中创建的段添加句柄(handleIn,handleOut):

var myPath = new Path();
myPath.strokeColor = 'black';

function onMouseDown(event) {
    myPath.add(event.point);
}

在绘图结束时,我关闭了多边形,这就是我希望生成句柄的时候。理想情况下,有一个功能或设置可以添加丢失的手柄,但如果没有,任何帮助指向我如何计算手柄位置的正确方向将非常感激。我不想使用smooth()或simplify(),因为我希望保留多边形的原始形状。我只想拥有句柄,以便我可以在必要时为特定的线段添加细微的曲线。

1 个答案:

答案 0 :(得分:0)

句柄可以使用segment.handleIn 和segments.handleOut 属性设置。 句柄是相对于线段点存储的,您只需要确保它们的长度是您想要的。然后您可以像修改任何其他矢量/点一样修改它们。 simple demo