3

次の方法の実際の例を共有してください。

  1. 参照されたリソース (スクリプト/スタイル)とともに外部 SVG ドキュメントをロードする
  2. 同じホスト ドキュメントに含まれる object-tag から SVG ドキュメントをロードする

jQuery SVG プラグインを使用していますか? プロジェクトページのソースに問題があります：例

var SVG = $("#wrapper").svg('get');
SVG.load('external.svg', { addTo:true });

SVGコンテナが未定義であると不平を言います。

以下は機能しますが、svg ファイル内で参照されるリソースはロードされません。

$("#wrapper").svg({
    onLoad: function(){
        var svg = $("#wrapper").svg('get');
        svg.load('external.svg', {addTo:true});
    },
    settings: {}
}

これらは、外部の CSS スタイルシートとスクリプトです。リンクされた画像は正しく表示されます:

<!-- not applied -->
<?xml-stylesheet href="styles/common.css" type="text/css"?>
<svg>
  <!-- not loaded -->
  <script xlink:href="scripts/common.js" />
  <!-- o.k. -->
  <image xlink:href="images/test.png" />
</svg>
4

2 に答える 2

0

このスクリプトは私にとってはうまくいくようです：

    function drawIntro(svg) { 

    svg.load('lion.svg', {addTo: true, changeSize: true});

}
$().ready(function(){
$('#svgphone').svg({onLoad: drawIntro});

}); //$().ready(function()
于 2013-02-20T14:44:28.223 に答える
0

私のjQueryハックを使用してみてくださいjQueryでSVGタグを作成してアクセスしますか?

または$("#svgphone").css({'background-image': "url(external.svg)"});

于 2013-02-20T21:33:36.323 に答える