方框宽度剪切文本的Mermaid.js问题

Question

我希望将mermaid.js集成到我的flask应用程序中，但我遇到了一个奇怪的错误。

方框中的文本被缩短了大约5-10个像素

下面的代码创建此输出：

<div class="mermaid">
    %%{init: {
        'theme': 'forest', 
        "flowchart" : { "curve" : "basis" } 
    } }%%
    graph LR
        id1[This is the text in the box]
</div>

​

​

正如你所看到的最后两个字母被裁剪，所有的盒子都会发生这种情况。

你知道我该怎么做吗？

Answer 1

通过将字体大小减少到90%来修复它