我很难理解如何将这个<g class="templateParent">群体<svg class="svg">
<g class="templateParent">
<g class="templateGroup">
<path fill="" stroke-width="1" stroke="black" d="M245.611,155.598c-4,1.667-5.479,5.559-7.813,7.559s-28.292,40.538-31.909,46.569c-2.999,5-52.999,52-52.999,52l-11.668-13c0,0,35.254-49.74,36.667-52c3.333-5.334,21.081-26.883,25.667-34.334c6.158-10.008,21.176-54.66,40-58l0.006-0.016C243.563,104.376,250.385,149.451,245.611,155.598z" class="left extend clipPath"></path>
<path fill="" stroke-width="1" stroke="black" d="M134.723,254.35L140.89 240.058 158.89 259.059 146.348 267.725z M134.723,254.35L137.89 241.058 139.89 241.725" class="left extend restrict"></path>
</g>
</g>
</svg>
集中在一起。它似乎从靠近屏幕中心开始，即使没有应用转换。这实际上是我想要动态做的事情，即以屏幕为中心。
http://jsbin.com/takuyevaxa/edit?html,output
代码：
.templateParent所以我的问题是为什么组{{1}}不是从SVG画布的左上角开始的？ ＆安培;随后，我该如何让小组居中？