SVG的动画href无法在Firefox中运行

Question

最近正在浏览SVG的动画标签，并看到类似这样的内容：

＆＃13;

＆＃13;

<svg><animate href="#x" attributeName="href" values="https://www.google.com"/><a id="x"><circle r=100>

＆＃13;

＆＃13;

＆＃13;

因此，这会在呈现时将<animate values>插入<a>标记href。因此，当您点击圆圈动画时，会触发https://www.google.com。

问题是，这个href插入在Firefox中不起作用。适用于Chrome。

1. 我如何实现这个＆＃34;价值观＆＃34;在Firefox中插入<a>标记？ （问题是使用SVG实现动态插入而不是功能）
2. 否则，Firefox中是否支持SVG中类似的运行时属性插入功能？这些是什么？我需要专门为<a>'s href属性注入一些值而不直接指定它。

Answer 1

这里似乎有一个Firefox错误：

我需要在<a>元素上添加一个虚拟href =“”以使其正常工作。

我已经提出了a bug on Bugzilla并添加了一个补丁来修复错误。

<svg><animate href="#x"
attributeName="href" 
values="https://www.google.com"/><a href="" id="x"><circle r="100"/>
</a></svg>

如果我使用老式的xlink：href方式，我需要一个虚拟的xlink：href值。

<svg><animate href="#x"
attributeName="xlink:href" 
values="https://www.google.com"/><a xlink:href="" id="x"><circle r="100"/>
</a></svg>