如何在Fabric.js中绘制圆弧

Question

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

有没有一种方法可以用Fabric.js实现这一点？如果没有，有没有一种方法可以获得底层上下文，然后创建弧并允许结构管理它？重要的是，我要保留Fabric.js提供的选择和缩放功能。

Answer 1

在最新版本的FabricJS中，为circle添加了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/