SVG 的 refX/refX 属性并相对于其中心放置一个

Question

根据 SVG 的 symbol文档，我可以添加 refX/refY属性给它。
如果我理解正确，我可以使用这些属性来定义符号坐标系中的引用点，因此当我使用 <use> 引用它时元素，它将相对于该引用点(而不是默认的左上角)放置。
但是这些属性似乎根本没有这样做或对符号的位置有任何影响。我找不到关于这些属性(对于符号)的任何其他信息，或者它们是否在任何浏览器中都受支持。
这是 refX/refY 实际上假设的工作方式吗？它们是否在任何浏览器中实现？
如果没有，还有其他方法可以用 <use> 放置符号吗？元素相对于符号的中心，而不事先知道/计算其实际宽度/高度？

Answer 1

我还发现 refX 和 refY 不适用于符号。不过，我确实找到了一种解决方法来有效地做同样的事情。关键是将符号“溢出”变量设置为等于“可见”。使用“use”函数时，符号的插入点始终是符号坐标系的原点(0,0 坐标)，因此您只需将符号设置为使符号原点位于要插入它的点的顶部。我发现使用转换很容易做到这一点，因为您只需要为所需的插入点使用负值。
使插入点位于正方形中心的示例:

<symbol id="test" overflow="visible" >
   <g transform="translate(-50 -50)" >
      <rect x="0" y="0" width="100" height="100" stroke="black"/>
   </g>
</symbol>