如何在html5中创建建模工具

时间:2016-09-01 08:58:59

标签: javascript html5 gojs

html 5中的图表工具,具有拖放功能,包括连接器。

考虑一个带有矩形圆的绘图工具和一个数据存储,通过鼠标点击箭头连接,然后生成相同的XML文件。

2 个答案:

答案 0 :(得分:0)

我建议您使用SVG,可以访问哪个规范here;以及DOM& CSS

[编辑]

为什么不Canvas&它的2D API?因为导出到(png,...)不像SVG那样有效和强大。毕竟,它只是一个建模工具

答案 1 :(得分:0)

OP可能想尝试gojs。

gojs是一个复杂的JavaScript库,用于使用html画布绘制图表,可从http://www.nwoods.com/products/gojs/获得。它不是一个“免费”产品,但有一个免费试用版本,除了在图表上显示水印外,功能齐全。

它从原始绘图操作抽象到更高层次,并提供了许多图表类型(组织结构图,流程图等等),这些图表类型可以快速创建和生存,而不仅仅是绘图。它使用模型 - 视图方法来绘制图表,这非常有效。它支持在图表和组件调色板中拖放。

他们的支持也很好。

除了是一个满意的客户外,我与供应商没有任何关系。