如何在Fabric.js中绘制弧

Question

我正在使用Fabric.js,我想在画布上绘制弧线.我能找到的最接近的形状是Circle形状.当然,这只能使我制作一个圆形,而不像弧形跨越45°或180°.

有没有办法用Fabric.js来实现这个目标？如果没有,有没有办法可以获得底层上下文,然后创建弧并允许结构管理它？保留Fabric.js提供的选择和扩展功能非常重要.

Answer 1

在圈子最新版本FabricJS的加入startAngle和endAngle性能. https://github.com/kangax/fabric.js/pull/1675

var canvas = new fabric.Canvas('c');

var circle = new fabric.Circle({
    radius: 20,
    left: 100,
    top: 100,
    angle: 45,
    startAngle: 0,
    endAngle: Math.PI,
    stroke: '#000',
    strokeWidth: 3,
    fill: ''
});

示例:http: //jsfiddle.net/mmeqec89/