Docusaurus 中美人鱼的缩放控制

Question

我在 DocuSaurus 中安装了 @docusaurus/theme-mermaid 插件并渲染了我的图表。但是，由于图表的大小，其视图变小并且无法启用缩放和扩展控件。

我已阅读文档，但没有发现任何相关内容。 有谁知道如何启用缩放功能吗？

sequenceDiagram
par Alice to Bob
    Alice->>Bob: Go help John
and Alice to John
    Alice->>John: I want this done today
    par John to Charlie
        John->>Charlie: Can we do this today?
    and John to Diana
        John->>Diana: Can you help us today?
    end
end

Answer 1

我对父 div 应用了静态缩放以增加尺寸

<div style={{overflowX: 'auto'}}>
<div style={{width: '200%'}}>
```mermaid
...YOUR MERMAID CODE...
```