如何在Fabric.js中繪制弧

Question

我正在使用Fabric.js，我想在畫布上繪制弧線。 我能找到的最接近的形狀是Circle 。 當然，這只能使我制作一個圓形，而不像弧形跨越45°或180°。

有沒有辦法用Fabric.js來實現這個目標？ 如果沒有，有沒有辦法可以獲得底層上下文，然后創建弧並允許結構管理它？ 保留Fabric.js提供的選擇和擴展功能非常重要。

Answer 1

在最新版本的FabricJS for 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/