Google Chrome でライブラリ D3.js を使用して SVG 画像を表示しようとすると、問題が発生します。
以下はコードです:
var svg = d3.select("body").append("embed");
svg.attr("src","img/drawing.svg").attr("type","image/svg+xml");
このコードは Firefox では機能しますが、Google Chrome では機能しません (埋め込みの代わりにオブジェクトを使用した場合も同じ問題です)。
しかし、このスタイルを SVG 画像 : に追加するattr("style", "display:block")
と、画像が Google Chrome に表示されます。
...何が起こるか説明してくれませんか? 私の画像をそのように表示するのはかなり醜いからです。