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/

如何在Fabric.js中绘制弧

1 个答案: