1

まず、画像を見てください:

前: 最初のバージョン、ロード直後

後: 操作後のバージョン

円は動的に含まれる SVG によって作成されます。

生成された円の SVG コード:

http://jsfiddle.net/n9nb7/

使用ライブラリ:

jQuery、svgweb


私がやること:

まず、ページの読み込み後、IE8 用の svgweb を使用してインライン SVG を動的に作成しました。

次に、親のdiv conteinterで完全に削除しました。

次に、この SVG コードを再作成すると、2 番目の画像が表示されます。

これが必要な理由: 完全に AJAX 化されたサイト用。


問題:

2枚目の写真でわかります。問題は Firefox でのみ発生します。IE8でも普通に動きます。

実際clipPath、仕事をやめました。


アップデート

ライブ コードhttp://vseslava.ru/?firefox=1。ここで見ることができる私のソリューション: http://vseslava.ru/しかし、タイムアウトのないソリューションが必要です。

4

1 に答える 1

0

上記を明確にするために、アンダースコアのdefer機能を使用して問題を解決できました。

Firefox (少なくとも 23) で動作する D3 スニペットを次に示します。

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

_.defer(関数(){
    clippedRect.attr('クリップパス', function(d,i){
        return "url(#clippingPath"+i+")";
    });
});
于 2013-08-22T23:35:31.047 に答える