Html 如何在SVG中集中和扩展内容？

我很难理解如何使用viewPort属性精确调整SVG的显示

我希望SVG包含一个800px宽的空间，并以很少或没有填充的方式居中。我看到min-x和min-y选项似乎可以控制svg的位置，但是我没有运气尝试让svg占用更多的可用屏幕空间（没有填充）。当我增加viewBox的宽度和高度时，svg实际上会收缩

<svg 
    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" 
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 
    xmlns:svg="http://www.w3.org/2000/svg" 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    version="1.1" id="us-map" 
    preserveAspectRatio="xMinYMin meet" 
    sodipodi:docname="southeast.svg" 
    inkscape:version="0.91 r13725" 
    x="0px" 
    y="0px" 
    width="600px" 
    height="550px" 
    viewBox="500 200 600 550" 
    enable-background="new 500 200 600 550" 
    xml:space="preserve"
>

---

我的示例如下：

尝试使用

viewBox=“690 398 330 282”

以了解我使用的大小

g5.getBBox（）

这将返回g5组边界框的位置（x，y）和大小（宽度，高度）。viewBox=“x y width height”实际上，您需要减小viewBox的宽度和高度。实际上，你想看到的面积越小，你看到的面积就越大。想象一下放大地图，可见的区域更小，但看起来更大。@enxaneta，这很有效。我甚至需要包括

启用后台属性吗？我没有更改它，因此它似乎被忽略，除非它做了我不想马上看到的事情。请随意将您的评论作为一个问题发布，我会适当地信任您。我已经回答了很多次此类问题，以至于我羞于再次回答它。这是最近的一次：尝试使用
viewBox=“690 398 330 282”
以了解我使用的g5的大小。getBBox（）

这将返回g5组边界框的位置（x，y）和大小（宽度，高度）。viewBox=“x y width height”实际上，您需要减小viewBox的宽度和高度。实际上，你想看到的面积越小，你看到的面积就越大。想象一下放大地图，可见的区域更小，但看起来更大。@enxaneta，这很有效。我甚至需要包括

启用后台属性吗？我没有更改它，因此它似乎被忽略，除非它做了我不想马上看到的事情。请随意将您的评论作为一个问题发布，我会适当地信任您。我已经回答了很多次此类问题，以至于我羞于再次回答它。这是最近的一次：