Fabric.js | 矩形 cornerStyle 属性

简介

cornerStyle 是 Fabric.js 中矩形对象的一个属性，用于定义矩形的边角样式。矩形对象通过 cornerStyle 属性可以改变圆角或尖角的外观表现。

使用示例

// 创建一个矩形对象
var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 200,
  height: 100,
  fill: 'red',
  cornerStyle: 'round',
  cornerRadius: 10
});

// 添加到画布
canvas.add(rect);

可选值

• 'round'：圆角样式，即边角呈现圆形外观。
• 'bevel'：斜角样式，即边角呈现贝塞尔曲线直接连接直线的外观。
• 'miter'：尖角样式，即边角呈现尖锐效果。
• 'individual'：自定义样式，可以分别为每个角指定不同的 cornerRadius 值。

注意事项

• cornerStyle 属性只对矩形对象有效。对于其他类型的图形对象，该属性是无效的。
• 设置 cornerStyle 属性会自动触发画布刷新，从而更新矩形的外观。