4

JQueryを使用してHTML5に単純なsvgファイルをロードしようとしています。しかし、私のページではその効果が得られないようです。これを解決するのを手伝ってください。

閲覧して方法を見つけましたが、うまくいきません。以下の私のコードを参照してください：

SVG ファイル: (Sample.svg)

<?xml version="1.0" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red" />
</svg>

脚本：

$(document).ready(function(){
 $('#svgfile').svg({loadURL: 'Sample.svg'});
}

MyHtml.html:

<div id="svgfile" style="background:#9b0141;width:400px; height: 400px;">
4

1 に答える 1

14

$('#svgfile').svg({loadURL: 'Sample.svg'});言及していないプラグインを使用していない限り、有効な jQuery ではありません。

試す

$('#svgfile').load('Sample.svg');

于 2013-09-05T11:58:23.623 に答える