Fabric.js 文本框cornerDashArray 属性介绍

Fabric.js 是一个强大的 HTML5 canvas 库，用于创建高性能的交互式图形应用程序。其中文本框是常用的元素之一，cornerDashArray 属性是可以用来控制文本框圆角虚线的样式。

属性介绍

cornerDashArray 用于设置圆角虚线的样式，只能用在文本框对象中。可以直接设置一个数组来定义虚线的样式，比如设置 [5, 5] 会让文本框的圆角显示为虚线，且每个虚线段落的长度为 5px。

除了设置数组，还可以设置为 null 来隐藏圆角，或者不设置 cornersize 的值，使用默认的圆角，这样就不会显示虚线。

示例代码如下：

var text = new fabric.Textbox('Hello world', {
  left: 100,
  top: 100,
  width: 100,
  height: 100,
  cornerDashArray: [5, 5] // 设置圆角虚线样式
});

canvas.add(text);

其他注意事项

1. cornerDashArray 只能用在文本框对象中，如果应用于其他对象，会导致错误。
2. 设置 cornerDashArray 值需要在添加文本框对象之前进行设置，否则无法生效。
3. cornerDashArray 的样式只能是虚线，无法设置实线或其他样式。

总之，cornerDashArray 属性可以让程序员在设计文本框时更加灵活，更能满足各种设计需求。