La biblioteca dinámica de diagramas de flujo con CreateJS-flowjs
| Autor: | bitterbit |
|---|---|
| Views Total: | 5,796 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 10, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
flowjs es una biblioteca de JavaScript creada con CreateJS que permite representar gráficos dinámicos de flujo animados utilizando HTML5 Canvas API.
Funcionamiento
Cargue la biblioteca de JavaScript CreateJS y otros recursos necesarios en la página HTML.
<script src="lib/createjs-2015.05.21.min.js"></script> <script src="src/flow.js"></script> <script src="src/flowitem.js"></script> <script src="src/flowconnector.js"></script>
Cree un elemento canvas de HTML5 en la página HTML.
<canvas id="demo" width="500" height="300"></canvas>
Cree sus propios datos para el diagrama de flujo.
var a = [
[{id: "The Collector C", next: ["Groot"]}],
[{id: "Groot", next: ["Peter Quill"]}],
[{id: "Peter Quill", next: ["Drax"]}],
[{id: "Drax", next: undefined}]
]; Dibuje un diagrama de flujo básico en el elemento canvas.
new flowjs("demo", a).draw();
