Fabricjs 如何在画布中创建椭圆形状？

我是画布新手。如何使用fabricjs在画布中创建椭圆形状

(function() {
  var canvas = this.__canvas = new fabric.StaticCanvas('canvas');

  canvas.add(
    new fabric.Rect({
      top: 100,
      left: 100,
      width: 50,
      height: 50,
      fill: '#f55'
    }),
    new fabric.Circle({
      top: 140,
      left: 230,
      radius: 75,
      fill: 'green',
      angle: 0
    }),
    //new fabric.Ellipse({ originX: 140, originY: 230, angle: 20, fill: 'green' }),
    new fabric.Triangle({
      top: 300,
      left: 210,
      width: 100,
      height: 100,
      fill: 'blue'
    })
  );

  fabric.Image.fromURL('../lib/pug.jpg', function(img) {
    canvas.add(img.set({
      left: 400,
      top: 350,
      angle: 30
    }).scale(0.25));
  });
})();

---

这可以通过使用来实现

请参见下面的示例：

ellip=new fabric.eliple({
左:50,，
前50名，
冲程宽度：1，
笔画：“黑色”，
填充：“白色”，
是的，
原文：“中心”，
原文：'中心'，
处方:5,，
ry:1
});
canvas.add（省略号）您需要创建椭圆的对象，并使用椭圆的水平半径和垂直半径的属性

演示


var canvas=newfabric.canvas（'c'）；
var椭圆=新结构。椭圆({
左:20,，
前20名，
rx:150，
ry:50，
填充：“黄色”
});
canvas.add（椭圆）
画布{
边框：2倍实心#000；
}