go.js节点字体设置

最新推荐文章于 2024-07-18 11:13:00 发布

转载

最新推荐文章于 2024-07-18 11:13:00 发布 · 925 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2391658/blog/856451

文章标签：

#python

这篇博客探讨了Go.js库中如何设置文本的字体、颜色、尺寸、裁剪、自适应、对齐方式以及启用文本编辑功能。通过各种属性如`font`、`fill`、`textAlign`等，可以实现文本的样式调整和行为定制。同时，介绍了如何利用`wrap`属性实现文本换行以及开启文本编辑功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

TextBlock是用于显示文本信息的对象。

通过设置TexkBlock.text属性来显示文本信息，这也是唯一的一个方法。因为TexkBlock继承自GraphObject，所以一些GraphObject的属性也有可能对文本有影响。

字体和颜色

可以通过TexkBlock.font属性设置文本的字体，该属性的值可以使用CSS来设置。

可以通过TextBlock.stroke属性设置文本字体的颜色，同样可以使用CSS来设置。

因为TexkBlock继承自GraphObject，所以GraphObject.background属性也可以作用于TextBlock，可以通过该属性设置文本背景色。

diagram.add(
$(go.Part, "Vertical",
  $(go.TextBlock, { text: "a Text Block" }),
  $(go.TextBlock, { text: "a Text Block", stroke: "red" }),
  $(go.TextBlock, { text: "a Text Block", background: "lightblue" }),
  $(go.TextBlock, { text: "a Text Block", font: "bold 14pt serif" })
));

结果：