Fabric.js Itext strokeLineJoin 属性

在Fabric.js中，Itext是一种可编辑的文本对象。除了基本的文本属性之外，还可以使用Itext属性来控制文本的外观。其中一个属性是strokeLineJoin，它控制文本的笔触线连接方式。

行连接类型

strokeLineJoin属性有三种连接类型：

• round
• bevel
• miter

round

round连接类型会将连接点变圆。这是最自然的连接类型，也是最常用的一种类型。

var itext = new fabric.IText('Hello world', {
  strokeLineJoin: 'round'
});

bevel

bevel连接类型会将连接点变成锐角。如果连接点过于尖锐，使用该类型较为合适。

var itext = new fabric.IText('Hello world', {
  strokeLineJoin: 'bevel'
});

miter

miter连接类型会将连接点变成细线。如果连接点过于尖锐，会发生超出边界的现象。此时需要使用miterLimit属性来控制最大线长。

var itext = new fabric.IText('Hello world', {
  strokeLineJoin: 'miter',
  miterLimit: 10
});

总结

strokeLineJoin属性用于控制Itext中文本对象的笔触线连接方式，有三种连接类型：round、bevel和miter。在使用miter连接类型时，需要注意控制最大线长。