3

<circle>のアルゴリズムを介して動的に配置される一連の機能があり<svg>ます。すべての円の横にアイコンを追加したいのですが、それを実行しようとしています：

.node:after {
      content:url(/img/icon.png);
}

Firebugで表示されますが、アイコンが表示されないため、セレクターは正しいです。私は不可能なことをしようとしていますか？アイコンがどこかに表示されないのはなぜですか？

追加の質問：このアイコンを円要素の中心に対して相対的に配置することは可能ですか。

4

1 に答える 1

5

FirefoxのSVGマークアップ内で生成されたコンテンツは無視されるため、この方法でこれを行うことはできません。<image>javascriptを使用して要素を作成する必要があります。

SVG仕様では、：beforeと：afterについては言及されていません。これは、相対的な配置があるhtmlでのみ意味があるため、次の項目は前の項目の後に自動的に配置され、すべてが絶対的に配置されるSVGでは意味がありません。

他のブラウザを試して、そこで機能するかどうかを確認する必要がありますが、どのように賢明に実装できるかはわかりません。

于 2012-12-05T14:55:15.943 に答える