Fabric.js | Ellipse cornerSize 属性

The cornerSize property of the Ellipse object in Fabric.js allows you to specify the size of the corners of the shape. When corners are rounded, this property determines the radius of the rounded corner.

语法

ellipse.cornerSize

用法

获取 cornerSize 值

你可以使用 cornerSize 属性来获取一个 Ellipse 对象的 cornerSize 值。下面是一个示例：

var canvas = new fabric.Canvas('canvas');

var ellipse = new fabric.Ellipse({
  originX: 'center',
  originY: 'center',
  left: 100,
  top: 100,
  rx: 50,
  ry: 30,
  cornerSize: 10  // 设置角的大小为 10
});

console.log(ellipse.cornerSize);  // 输出：10

设置 cornerSize 值

你也可以使用 cornerSize 属性来设置一个 Ellipse 对象的 cornerSize 值。下面是一个示例：

var canvas = new fabric.Canvas('canvas');

var ellipse = new fabric.Ellipse({
  originX: 'center',
  originY: 'center',
  left: 100,
  top: 100,
  rx: 50,
  ry: 30
});

ellipse.cornerSize = 20;  // 设置角的大小为 20

canvas.add(ellipse);

注意事项

• cornerSize 属性仅适用于 Ellipse 对象。
• 此属性的值必须是一个非负数字。

更多关于 Fabric.js 的详细信息，请查阅 Fabric.js 官方文档。

希望上述信息对你有所帮助！