javascript - 使用 javascript 创建路段

Question

在我的 React 应用程序中，我想创建不是通常form用于创建路段的。

例如，我有这个 png 格式的方案。

但我想创建一个交互式编辑器，可以在其中创建方案，将它们保存到服务器然后重用。

我会尝试模拟一种情况

用户想要创建一个新的路段。道路有六车道。（上图）

1. 用户应该可以自己绘制此图（所有线条、圆圈、图像等）

2. 将此数据保存到服务器

然后用户想要接收关于一个特殊车道的数据。（此功能在另一个组件中取出）

因此，用户打开新组件，他可以通过他将选择的一些车道获得统计信息

1. 从服务器获取保存的方案

2. 渲染此方案并为每个车道集成复选框

选择通道后，用户将信息发送到服务器，它希望在哪个通道上接收摘要（统计信息）

我发现 Konva 框架https://konvajs.org/或 p5.js ( https://p5js.org/ )，但在我看来这种方法非常麻烦

我可以用什么来构建这样的东西？

Answer 1

有许多画布框架可以完成这项工作。

• https://konvajs.org/
• http://fabricjs.com/
• https://www.createjs.com/easeljs
• https://two.js.org/
• 和许多其他人

或者你可以直接用 SVG 绘制到 DOM 中。