Firefox中的SVG clipPath渲染錯誤

Question

首先，看一下圖像：

之前：

后：

圓是由動態包含的SVG制成的。

生成的圓SVG代碼：

http://jsfiddle.net/n9nb7/

二手圖書館：

jQuery，svgweb

---

我所做的：

首先，在頁面加載后，我使用svgweb for IE8動態創建了嵌入式SVG。

然后，我將其與父div conteinter一起完全刪除。

然后，我重新創建了此SVG代碼，然后看到第二張圖片。

為什么我需要這個：用於完全AJAXed網站。

---

問題：

您會在第二張圖片上看到它。 問題僅出現在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+")";
    });
});