在paperjs中围绕中心点绘制一条X度的弧线?

Mon*_*ker 2 javascript math paperjs

我正在为 paperjs 指定 Arcs 的方式而苦苦挣扎。我不知道为什么基本上没有什么东西:

var myArc = new Arc(degrees (radians?), center, radius);
Run Code Online (Sandbox Code Playgroud)

因为我无法弄清楚 (from, through, to) 作为 Arc 描述符的优势。

无论如何,有人能告诉我如何画一个圆弧说:从固定中心点以固定半径成 30 度吗?假设中心点是:(cx, cy),半径为 200。

我不在乎方向,因为我可以在事后旋转它。

TIA。

Hen*_*rik 5

似乎没有内置的方法可以做到这一点。它确实有“Path.Arc(start, through, end);” 这在大多数情况下更有意义。

但是,有了它,您可以设计一种方法:

function getCreateArcInfo(degrees,center,radius){
    return {
        from: {
            x:center.x + radius,
            y: center.y
        },
        through: {
            x: center.x + Math.cos(degrees/2) * radius,
            y: center.y + Math.sin(degrees/2) * radius
        },
        to: {
            x: center.x + Math.cos(degrees) * radius,
            y: center.y + Math.sin(degrees) * radius
        },
        strokeColor: 'black'
    }
}
var arcValues = getCreateArcInfo(4, {x:253,y:334}, 160)
var myArc = new Path.Arc(arcValues)
Run Code Online (Sandbox Code Playgroud)

http://goo.gl/YDQQl3