翻转定义的SVG组的内容，但不翻转组的公共偏移坐标

Question

这可能是一种相当普遍的情况 SVG绘图具有重复出现的模式。它在<defs>

中定义

<defs>
    <g id="endTip">
        <circle r="2px" fill="blue"/>   <!-- origin mark for the def for debug purposes -->
        <polyline stroke-width="1px" stroke="black" fill="none" points="0,-4 100,-4 100,4 0,4" />
    </g>
</defs>

然后用<using>

将图案印在图纸上

<use x="250px"  y="15px"  xlink:href="#endTip" />                           <!-- right -->
<use x="-250px" y="-15px" xlink:href="#endTip" transform="scale(-1,1)"/>    <!-- left -->

此外，我想要水平翻转（镜像）一些实例。为此，我在<using>元素中应用了一个变换。我的目的是转换模式的内容，但保持 x 和 y 不变，这是<using>元素中规定的。相反，内容和 x 和 y 都是镜像的。

（使用Chrome版本44呈现。绿色注释不是SVG的一部分。）

翻转内容的好方法是什么，但保持 x 和 y ，这些<using>元素中规定的内容是否已解除？