4

background-imagejQueryに、ページのdivに含まれているSVGデータを取得し、そのデータをCSS URLに配置する方法があるかどうか疑問に思っていますか？完全に自己完結型のHTMLファイルが欲しいので、外部SVGファイルをロードする代わりにこれを実行しようとしています。私はこのようなことをしようとしています：

var svgData = $("#div-containing-svg").html()
$("other-div").css({backgroundImage:svgData});

これは可能ですか？さらに、それはブラウザ間で機能しますか？

4

2 に答える 2

2

次のようにする必要があります。

var image = $('#svg-container').html();
$('#elem').css('background-image', 'data:image/svg+xml;utf8,' + image);

クロスブラウザですか？ここで互換性マトリックスを確認できます: http://caniuse.com/svg-css

  • SVG コンテンツは URL エスケープする必要があります
于 2012-12-18T17:24:53.080 に答える