请问如何调整移动端的mermaid流程图边框,减少空白部分?

友友们,移动端的mermaid流程图边框好大的,有没有办法调小一些呀?
改css可以实现吗?
如果实现不了,有什么办法能达到理想效果呢?

/*节点的边框*/
.mermaid .node rect
/*节点的文字*/
.mermaid .node .label

目前现状

理想效果
(这是某个插件的效果,但语法不太友好)


试用了市面上的各大主题后发现,没有一个主题在这方面对mermaid进行过调整

据我所知,mermaind生成的图是svg,这是一种矢量图形,通过指定矩形位置坐标、长宽值来画矩形,所以靠css只能改改颜色,没办法改长宽大小、位置

1 个赞

谢谢回复,有什么办法可以调整矩形框大小吗,指定坐标长宽值…这是可以实现的吗?

不知道你解决了没,我反正无法在ob里面解决,我最后在typora里面解决了

没法解决¯_(ツ)_/¯非但没法解决,新版本的mermaid已经不会用了,原来的语法都失效了