Javascript Firefox中的SVG clipPath渲染错误

首先，请看图片：

之前：

之后：

圆圈由动态SVG组成

生成的圆形SVG代码：

已用库：

jQuery，svgweb

---

我的工作：

首先，在页面加载之后，我使用svgweb for IE8动态创建了内联SVG

然后我用它的父div contenter完全删除了它

然后我重新创建了这个SVG代码，我得到了第二张图片上看到的结果

为什么我需要这个：完全AJAXed网站

---

问题：

你可以在第二张照片上看到。这个问题只存在于Firefox中。即使在IE8中，它也能正常工作

事实上，

clipPath

停止了工作

---

更新

实时代码。

---

您可以在这里看到我的解决方案：但我需要没有任何超时的解决方案。

为了澄清上述问题，我能够使用下划线的

延迟功能解决问题

下面是一个在Firefox中运行的D3代码段（至少23个）：

var clippedRect=svg.append（'rect'）；
_.defer（函数（）{
attr（'clip-path'，函数（d，i）{
返回“url（#clippingPath“+i+”）；
});
});
JSFIDLE没有显示任何内容。但是，它确实包含具有href参数以及xlink:href的节点。重新创建时，是否正确地在xlink命名空间中重新创建href参数？我以与创建相同的方式重新创建它们。对Href属性适用于IE8，不支持正常方式。@Robert Longson我刚刚读了你的个人资料。我可以在哪里发布这种类型的firefox bug？有没有一种封闭（非公开）的bug发布方式？@Robert Longson Here live code@Robert Longson I在这里发布了一个bug
var clippedRect = svg.append('rect');

_.defer(function(){
    clippedRect.attr('clip-path', function(d,i){
        return "url(#clippingPath"+i+")";
    });
});