📜  Fabric.js Itext strokeUniform 属性(1)

📅  最后修改于: 2023-12-03 15:14:59.260000             🧑  作者: Mango

Fabric.js Itext strokeUniform 属性

在 Fabric.js 中,Itext 类型是用于渲染包含文本的对象的。Itext 对象可以通过 strokeUniform 属性来控制文本边框的宽度是否与文本字体大小一致。

strokeUniform 属性

Itext 对象的 strokeUniform 属性可以设置为 true 或 false 。默认为 true 。当设置为 true 时,文本边框宽度将与文本字体大小一致,当设置为 false 时,文本边框宽度将根据 strokeWidth 属性来计算。

var text = new fabric.IText('Hello world', {
  left: 100,
  top: 100,
  fontSize: 40,
  stroke: '#ddd',
  strokeWidth: 2,
  strokeUniform: false
});

上面的代码创建一个新的 Itext 对象,并将 strokeUniform 属性设置为 false 。因此,文本边框宽度将根据 strokeWidth 属性计算。

总结

Itext 对象的 strokeUniform 属性是用于控制文本边框宽度是否与文本字体大小一致的。默认情况下,它是设置为 true 。因此,如果你想要更精细地控制文本边框的宽度,可以将它设置为 false ,并使用 strokeWidth 属性来自定义宽度。