Question

我想绘制一个圆弧，我使用一个带有开始和结束角度的圆圈。但有些事情是错的。这是我的代码：

    var circle = new fabric.Circle({
        radius: 30,
        left: 20,
        top: 20,
        fill: "rgba(0, 0, 0, 0)",
        stroke: 'black',
        startAngle: 0,
        endAngle: Math.PI
});
canvas.add(circle);

你可以看到（在jsfiddle上）它总是绘制一个完整的圆圈 - http://jsfiddle.net/tfn1772f/

有什么问题？

Answer 1

如何通过fabric.Path绘制弧形呢？尝试这样的事情：

var arc1 = new fabric.Path("M 255 135 A 50 50 0 0 1 200 110", {
                stroke: 'black',
                fill: "white"
            });

另见：https://groups.google.com/forum/#!msg/fabricjs/fp19BLlqauw/a-smtqe5ms8J

您可以编写一个接受参数并生成路径的函数。看起来fabric在fabric.util.drawArc中也有一个静态函数，可以使用：

http://fabricjs.com/docs/fabric.util.html#drawArc

如何用fabric.js绘制弧线？

1 个答案: