使用 AngularJS 和 Canvas 实现流程图

Posted

技术标签:

【中文标题】使用 AngularJS 和 Canvas 实现流程图【英文标题】:Implementing Flowchart using AngularJS and Canvas 【发布时间】:2015-07-21 15:56:38 【问题描述】:

我正在尝试。 我不想为用户提供可以拖放 UI 组件的UI,而是想构建一个命令行工具,用户将在其中输入命令来绘制圆,它将命令转换为 JSON 对象并渲染画布中的那个对象。

是否有任何库可用于使用 JSON 对象呈现 UI 组件?

【问题讨论】:

【参考方案1】:

画布是硬性要求还是 SVG?如果是这样,你可以试试AngularJS-FlowChart (Demo / Article/Tutorial) 或angular-jointjs-graph (Demo)。

【讨论】:

以上是关于使用 AngularJS 和 Canvas 实现流程图的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS:使用 FabricJS/Canvas 进行测试

AngularJS 绑定到 WebGL / Canvas

Canvas:使用drawImage捕获流仅捕获流图像的左上角[重复]

Canvas 如何与 MVC 框架一起使用?

[21]Web前端视频教程 从入门到精通 视频源码全 HTML JavaScript CSS Canvas AngularJS Node[56G]

将 Ink Canvas StrokeCollection 保存到流/从流中加载