bpmn.js向流程添加备注

BPMN.js是一个用于绘制和交互业务流程模型的JavaScript库。要在BPMN流程图中添加备注，你可以按照以下步骤操作：

1. 首先，你需要在BPMN XML文件中定义形状（例如用户任务、决策节点等），并在相应的标签上添加`camunda:documentation`属性来存储备注内容。比如：

<userTask id="task_1" name="任务名称">
    <extensionElements>
        <camunda:formField id="comment" type="textarea".camunda:label="任务备注"/>
        <camunda:documentation>这是一个任务的备注</camunda:documentation>
    </extensionElements>
</userTask>

2. 使用BPMN.js解析XML，当加载流程时会读取这个注释信息。你可以通过获取元素的`camunda:documentation`属性来访问它。

3. 在渲染完成后，你可以使用BPMN.js提供的API来显示或编辑这些备注。例如，你可以绑定事件监听器到特定元素上，在点击时弹出显示备注的模态框。

4. 如果你想允许用户动态添加或修改备注，可以创建交互式控件，并监听用户的输入，然后更新对应的`camunda:documentation`值。