UIScrollView画布等效？

Question

我目前正在为网站制作一个PoC。我已经完成了大约9年的iOS开发，所以我认为在这些背景/概念中。我需要构建的东西类似于Web上的UIScrollView/CATiledLayer。

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

我想要构建一些固定视口，其他组件可以在屏幕外渲染。视口有固定的边界，可以展开，并允许我将子组件放入视图中，如果愿意，也可以将它们移动。

我的网站/ JavaScript的经验是非常多的Ember，React和普通的旧ES5/ES6。我的HTML技能并不强，我想我可能错过了一些基本的东西。

我的目标是让我的公司使用现有的反应堆。我很乐意推出我自己的解决方案，但很乐意就正确的方向寻求建议。我觉得我在这方面几乎没有领域知识。

Answer 1

1. 这JS库，Dracula应该是你有很大的帮助，因为你与拖工作拖放流程图。你可以看到一个工作示例here。 注意：这个库基于SVG，不使用画布。

2. 这里是另一个美丽的live demo：源代码JS流程图here

3. 也看看这个Dragon drop fiddle

和关于滚动型在HTML中，你可以简单地使用div s的css风格overflow-y: scroll和/或overflow-x: scroll。使用flex布局，除了给您类似手机的开发感觉之外，还可以帮助您根据屏幕大小对布局进行如此多的控制。

希望这应该让你开始。