2

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 に表示されます。

...何が起こるか説明してくれませんか? 私の画像をそのように表示するのはかなり醜いからです。

4

1 に答える 1