Question

所以我在这里可能还很遥远，我刚刚开始使用SVG元素，对我来说，一切都非常新而且令人兴奋，但是我创建了一个group元素：

<g>
    <rect x="30" y="30" width="220" height="33" 
    style="fill:rgb(27, 78, 160);stroke-width:1;stroke:rgb(0,0,0);opacity:0.9" rx="5" ry="5"></rect>
    <line x1="70" y1="30.5" x2="70" y2="62.5" style="stroke:rgb(255,255,255);stroke-width:2;opacity:0.7" />
    <line x1="200" y1="30.5" x2="200" y2="62.5" style="stroke:rgb(255,255,255);stroke-width:2;opacity:0.7" />
    <svg width="270px" height="97px">
      <text x="50%" y="50%" class="small" alignment-baseline="middle" text-anchor="middle">RANDOM NAME</text>      
    </svg>
</g>

并在此处为x和y添加了不错的静态值以使其定位。现在，我将在不同的地方创建很多这些元素（这意味着基础x和y将会改变）。 SVG是否具有一些内置的“函数”机制，该机制可以让我将x和y定义为<g>元素的参数，还是应该在这里使用javascript？

SVG g元素作为功能

0 个答案: