2

想象一下，我希望我的屏幕区域（例如，一个 500 像素 x 500 像素的框）包含我的图表。如果我的图表的宽度或高度大于此值，我希望出现滚动条以允许我滚动图表。我试图通过将我的图表放在一个大小合适的<div>元素中来实现这一点，但似乎图表忽略了这一点，它只是“溢出”。有没有人试图做到这一点并且可以分享一个食谱？

通过使用 Chrome 开发人员工具，我发现我确实有一个<div>500 像素乘 500 像素，它似乎包含一个宽度<svg>为 的，1082并且显示了整个宽度，<svg>即使.<svg><div>

4

1 回答 1

2

当<div>创建 a 来保存图表并为其指定宽度和高度时，将其overflowcss 属性设置为scroll。例如：

<div style="width: 500px; height: 500px; overflow: scroll;" />

另请参阅此 Stack Exchange 答案，该答案是该jointjs解决方案的核心，关于将滚动条添加到<svg>.

如何在 SVG 中获取滚动条？

于 2014-11-15T21:25:36.553 回答