Fatal编程技术网
  • reactjs/
  • Reactjs UIScrollView画布等效物？

Reactjs UIScrollView画布等效物？

reactjs layout

Reactjs UIScrollView画布等效物？,reactjs,layout,Reactjs,Layout,我目前正在为网络组装一个PoC。我已经做了大约9年的iOS开发，所以我认为在这些环境/概念中。我需要构建的东西类似于web的UIScrollView/CATiledLayer 我需要建立一个工具，允许用户建立自己的流程图，这是我已经在iOS上建立的。我正在网上制作原型，不知道从哪里开始。到目前为止，我已经使用了一些画布库 我想构建一个固定的视口，并在屏幕外渲染其他组件。视口有固定的边界，您可以展开它，并允许我在视图中放置子构件，如果愿意，可以将它们四处移动 我的web/javascript体验几

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

我需要建立一个工具，允许用户建立自己的流程图，这是我已经在iOS上建立的。我正在网上制作原型，不知道从哪里开始。到目前为止，我已经使用了一些画布库

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

我的web/javascript体验几乎是余烬、React和普通的旧ES5/ES6。我的HTML技能没有那么强，我想我可能错过了一些基本的东西

我的目标是拥有能够与公司使用的现有react堆栈一起工作的东西。我很高兴推出自己的解决方案，但也很想得到关于正确方向的建议。我觉得我几乎没有这方面的知识

  • 这个JS库应该对您有很大帮助，因为您正在使用拖放流程图。您可以看到一个工作示例注意：此库基于SVG，不使用画布

  • 下面是另一个漂亮的例子：JS流程图的源代码

  • 再看看这个

    • 关于HTML中的ScrollView，您可以简单地将
    div
    s与css样式
    overflow-y:scroll
    和/或
    overflow-x:scroll
    一起使用。使用
    flex
    layouts，除了给你手机般的开发感觉外，还可以帮助你根据屏幕大小对布局进行如此多的控制

    希望这能让你开始。

    你能发布你想转换到web的应用程序部分的屏幕截图吗？