javascript - 无法获得适合 SVG Box 的 SVG 路径

Question

我一直在尝试让 SVG 路径出现在我的 SVG 矩形的中间，它填充了整个 svg 元素。到目前为止，我已经尝试了以下方法，但无济于事

1. 在 <g> 中放置路径元素标记，并根据我从 elementgetBBox() 获得的值转换组.我会使用这些值，以及整个 SVG 框的值来尝试获得正确的数字来缩小元素，但它仍然不适合，也不居中
2. 做与#1 相同的事情，但使用嵌套的 <svg>标签而不是 <g>标签。
3. 试图改变元素本身。

我遇到的主要问题是:

• 我似乎无法找到一种方法将路径元素动态地适配到正方形上
• 由于某种原因，路径元素似乎卡在右边。我想让它与顶部和左侧齐平

我有一个 jsfiddle of the svg that I'm trying to work with ，如果有帮助的话。

Answer 1

这是一个工作 fiddle

http://jsfiddle.net/epTp9/3/

这是路径的更改代码。

<g transform="scale(0.4)">
<path id="star-2-outline" d="M256,128.858l42.98,88.667l97.61,13.478l-71.047,68.278l17.346,96.996L256,349.809l-86.89,46.469l17.346-96.996l-71.047-68.278l97.61-13.478L256,128.858z M256,60.082l-62.978,129.92L49.999,209.75L154.1,309.793l-25.415,142.125L256,383.828l127.315,68.09L357.9,309.793L462.001,209.75l-143.023-19.748L256,60.082z" class="flag-icon" ></path>

  </g>