编辑bpmn_最好用的流程编辑器bpmnjs系列之Viewer

Bpmnjs Viewer 是一个用于查看 BPMN2.0 流程的流程编辑器。它是 bpmn-js 库的一部分，可以轻松地嵌入到你的应用程序中。

Bpmnjs Viewer 可以加载和显示 BPMN2.0 文件，并提供以下功能：

1. 缩放和平移视图。
2. 显示活动和网关的状态。
3. 显示任务和事件的类型。
4. 显示流程和序列流。
5. 显示 BPMN2.0 所有元素的详情。

使用 Bpmnjs Viewer 非常简单，你只需要添加以下 HTML 代码：

<div id="canvas"></div>

然后在 JavaScript 中添加以下代码：

var BpmnViewer = require('bpmn-js');
var viewer = new BpmnViewer({ container: '#canvas' });
viewer.importXML(bpmnXML, function(err) {
  if (err) {
    console.error(err);
  } else {
    console.log('BPMN 2.0 diagram rendered.');
  }
});

其中，`bpmnXML` 是你要加载的 BPMN2.0 文件。当加载完成后，你就可以在你的应用程序中查看 BPMN2.0 流程了。

总体来说，Bpmnjs Viewer 是一个非常好用的流程编辑器，它提供了许多功能，使得你可以轻松地查看 BPMN2.0 流程。如果你需要在你的应用程序中集成流程编辑器，Bpmnjs Viewer 是一个很好的选择。