在固定区域中显示svg中的所有元素

Question

我有一些javascript代码可以在不同的位置动态创建SVG多边形。目前，如果在SVG元素的宽度和高度范围之外创建多边形，则不显示该多边形。我希望缩小多边形以使每个多边形在指定区域内可见。

作为示例，这只显示一个三角形：

<svg width="100" height="100">
    <polygon points="0,0 0,100 100,50 " fill="blue"></polygon>
    <polygon points="100,0 100,100 200,50 " fill="blue"></polygon>
</svg>

但是我希望它显示更接近显示的内容（两个三角形缩放以适应100 x 100的内部），而不必自己更改点数：

<svg width="100" height="100">
    <polygon points="0,0 0,100 50,50 " fill="blue"></polygon>
    <polygon points="50,0 50,100 100,50 " fill="blue"></polygon>
</svg>

这看起来应该很容易，但我搜索了＆＃34; svg scale以适应＆＃34;和＆＃34;在固定区域显示svg中的所有元素＆＃34;但我找不到与我的问题有关的任何内容