外部SVG文件未使用JQuery加载 [英] External SVG file is NOT getting loaded using JQuery
本文介绍了外部SVG文件未使用JQuery加载的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用JQuery在HTML5中加载简单的svg文件。但我似乎没有在我的页面中得到这种效果。请帮我解决这个问题。
I am trying to load simple svg file in HTML5 using JQuery. But i dont seem to get that effect in my page. Please help me solve this.
我已经浏览并找到了方法,但它对我不起作用。请参阅下面的代码:
I have browsed and found the way, but it is not working for me. See my code below:
<?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:
MyHtml.html:
<div id="svgfile" style="background:#9b0141;width:400px; height: 400px;">
推荐答案
$('#svgfile')。svg({loadURL:'Sample.svg'});
是无效的jQuery,除非你使用的是一些你没有提到过的插件。
$('#svgfile').svg({loadURL: 'Sample.svg'});
is not valid jQuery unless you are using some plugin you haven't mentioned.
试试
$('#svgfile')。load('Sample.svg');
这篇关于外部SVG文件未使用JQuery加载的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文