0
我的SVG元素,其是箭头成一个圆圈:https://jsfiddle.net/seabon/806ew03a/如何定位一个“G”元素SVG
<svg version="1.1" id="layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="15 15 102 102" style="enable-background:new 0 0 132 132;" xml:space="preserve" data-link="go_down">
<g class="cross-circle">
<g class="go-clockwise">
<circle class="st0" cx="66" cy="66" r="43.7"/>
</g>
</g>
<g class="down">
<polyline class="st1" points="76.4,71 66,81.4 55.6,71 "/>
<line class="st1" x1="66" y1="81" x2="66" y2="47"/>
</g>
</svg>
我想翻译的CSS中的箭头位置。我尝试使用“down”类的g元素上的相对位置,但它不起作用。我试图把一个foreignObject但不工作太..有没有人有一个想法?
我不认为你可以在SVG通过CSS定位的元素。定位是通过属性值而不是样式值完成的。 – Sirko
如果我想在不使用translate()属性的情况下对g元素进行动画制作,我该怎么做? –
您可以使用SVG动画,例如 – Sirko