使用 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 进行测试
Canvas:使用drawImage捕获流仅捕获流图像的左上角[重复]
[21]Web前端视频教程 从入门到精通 视频源码全 HTML JavaScript CSS Canvas AngularJS Node[56G]