UIScrollView Canvas等效?

Sch*_*ger 5 layout reactjs

我目前正在为网络整理PoC.我已经完成了大约9年的iOS开发,所以我想在这些背景/概念中.我需要构建的内容类似于Web的UIScrollView/CATiledLayer.

我需要构建一个工具,允许用户构建自己的流程图,这是我已经在iOS上构建的.我正在网上进行原型设计,我不知道从哪里开始.到目前为止,我已经玩了几个画布库.

我想构建一些可以具有固定视口的东西,其他组件在屏幕外呈现.视口具有可以展开的固定边界,并允许我将子组件放在视图中并根据需要移动它们.

我的网络/ javascript体验几乎是Ember,React和普通的旧ES5/ES6.我的HTML技能并不强,我想我可能错过了一些基本的东西.

我的目标是拥有可以与我公司使用的现有反应堆栈一起工作的东西.我很乐意推出自己的解决方案,但我很乐意就正确的方向寻求建议.我觉得我在这个领域几乎没有领域知识.

Sar*_*ran 2

  1. 这个 JS 库Dracula应该对您有很大帮助,因为您正在使用拖放流程图您可以在此处查看一个工作示例。 注意:该库基于 SVG,不使用画布。

  2. 这是另一个漂亮的现场演示这里是JS Flowchart的源代码

  3. 也看看这个龙滴小提琴

对于 HTML 中的 ScrollView,您可以简单地将divs 与 css 样式overflow-y: scroll和/或overflow-x: scroll. 使用flex布局除了给您类似移动开发的感觉之外,还可以帮助您根据屏幕尺寸对布局进行更多控制。

希望这可以帮助您入门。