该插件提供了一个工具方法，将 Mermaid 语法转换成画布的场景图，详见：课程 32 - 文本生成图表

import { parseMermaidToSerializedNodes } from '@infinite-canvas-tutorial/mermaid';

const nodes = await parseMermaidToSerializedNodes(
    'flowchart LR\n start-->stop',
);
api.runAtNextTick(() => {
    api.updateNodes(nodes);
});

flowchart

rough

也可以很容易地转换成手绘风格：

一个稍微复杂一点的例子：

watercolor

基于 watercolorizer 实现的水彩风格：

sequence

state

ERD

Class

Mindmap

课程 23 - 思维导图