SVG中的div溢出逻辑？答案

【问题标题】：Div overflow logic in SVG?SVG中的div溢出逻辑？
【发布时间】：2019-11-06 21:53:43
【问题描述】：

上下文

在 SVG 中使用数据库模式编辑器可能有一些表中有很多记录，我正在寻找添加滚动条桌子。整个事情都用 SVG 编码并集成在 ReactJS 中容器中的应用程序作为 SVG 文档。

问题

我怎样才能获得滚动条，例如滚动孩子的边界将告诉视口大小和孩子们会决定可滚动的区域吗？

我认为这在关于“绘画”的 SVG 中没有多大意义，但是由于它越来越受欢迎，也许已经对此进行了一些实施？

有什么想法吗？问候菲利普

我尝试打开overflow='auto'，但没有成功。在 ReactJS 中查看下面的代码

<svg>
<g overflow={'auto'} width={100} height={100} id={'test1'}>
<DivSvg top={255} left={25} width={100} height={100} backgroundColor={'green'}/>
</g>
</svg>

我想也许 overflow='auto' 会根据宽度/高度评估它的大小并滚动 DivSvg（即），否则它不适合

【问题讨论】：

标签： reactjs svg

【解决方案1】：

我们公司有人找到了正确的方法。

实际上 svg 可以在称为 '' 的矩形区域内集成 HTML 多亏了这一点，我可以在 SVG 中绘制我的图表，同时保持用 HTML 编码的表格显示，并且它们一起正常工作，以依赖 SVG 图形技能 VS HTML 表格内容样式、滚动......

【讨论】：