reactjs - UIScrollView Canvas 等效吗？

Question

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

我需要构建一个工具，允许用户构建自己的流程图，我已经在 iOS 上构建了该工具。我正在网络上制作原型(prototype)，但不知道从哪里开始。到目前为止，我已经尝试过一些 Canvas 库。

我想构建一些可以具有固定视口(viewport)且其他组件在屏幕外渲染的东西。视口(viewport)具有可以扩展的固定边界，并允许我将子组件放入 View 中并根据需要移动它们。

我的 web/javascript 经验主要是 Ember、React 和普通的旧 ES5/ES6。我的 HTML 技能不是那么强，我想我可能错过了一些基本的东西。

我的目标是拥有可以与我公司使用的现有反应堆栈一起使用的东西。我很高兴推出自己的解决方案，但很想获得有关正确追求方向的建议。我觉得我在这个领域几乎没有任何领域知识。

Answer 1

1. 这个 JS 库，Dracula由于您正在使用拖放流程图，因此应该对您有很大帮助。您可以看到一个工作示例 here 。 注意:该库基于 SVG，不使用 Canvas 。

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

3. 也看看这个 Dragon drop fiddle

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

希望这可以帮助您入门。