前言
上一篇文章中,讲了maxGraph
中修改样式的几种方式,有了这些知识储备,我们已经可以完成一些基本的修改节点、修改连线样式的自定义需求啦。
而这篇文章,则会着重从几个更具体的“奇葩”需求出发,进行实战。笔者会讲一些自己开发需求的过程中遇到的坑以及一些优化方法。
文本换行
换行相关CSS属性的介绍
- 关于
word-wrap
word-break
wrap-space
这三个属性的区别,有很多博客讲的很详细了,大家可以自行搜索阅读,本文不再赘述。以下将以mxGraph
内部的属性设置为主,讲解mxGraph
内应该如何设置文本换行。
通过mxConstants.STYLE_WHITE_SPACE
和 WORD_WRAP
// 需要制定修改的样式表
const style = graph.getStylesheet().getDefaultVertexStyle(); style[mxConstants.STYLE_WHITE_SPACE] = "wrap"; // 默认值是 "nowrap"
// 直接赋值给 mxCons