gpt4 book ai didi

svg - 如何在 SVG 中为多个内容获取 ScrollBars

转载 作者:行者123 更新时间:2023-12-04 20:22:39 26 4
gpt4 key购买 nike

我想要一个包含四个 SVG 内容的容器 SVG。现在这四个 SVG 内容的内容超出了容器 SVG 中分配给它们的区域的容量,因此我要求滚动条自动出现,以便用户可以通过滚动看到完整的 svg 内容。

我尝试通过添加属性宽度和高度来建立新的视口(viewport),但没有出现滚动条。我什至尝试使用具有滚动和自动值的溢出属性,但仍然没有出现滚动条。

这个问题的正确解决方案是什么?

最佳答案

目前的答案是您需要提供自己的平移/滚动功能,除了可能通过 foreignObject 将滚动条包装在另一个 html 容器中(这可能不是最佳的)之外,没有办法在 svg 中获取滚动条。

这里有一些资源可以帮助您开始使用自定义 svg 滚动条:

  • http://www.carto.net/papers/svg/gui/scrollbar/
  • http://www.treebuilder.de/default.asp?file=67211.xml
  • http://www.dotuscomus.com/svg/lib/library.html
  • 关于svg - 如何在 SVG 中为多个内容获取 ScrollBars,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4720627/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com