Firefox中的SVG clipPath渲染错误

Question

首先，看看图片：

之前：

后：

Circle由动态包含的SVG制作。

生成的循环SVG代码：

http://jsfiddle.net/n9nb7/

使用过的库：

jQuery，svgweb

---

我做了什么：

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

然后我用它的父div竞赛完全删除了它。

然后我重新创建了这个SVG代码，我得到你在第二张图片上看到的内容。

为什么我需要这个：完全是AJAX的网站。

---

问题：

你在第二张照片上看到它。问题仅在Firefox中占用。即使在IE8中它也能正常工作。

事实上clipPath停止了工作。

---

更新

实时代码http://vseslava.ru/?firefox=1。 我可以在这里看到我的解决方案：http://vseslava.ru/但我需要解决方案而不会有任何超时。

Answer 1

为了澄清上述内容，我能够使用下划线的defer函数来解决问题。

这是一个适用于Firefox的D3片段（至少23个）：

var clippedRect = svg.append('rect');

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