3

您能否分享一下如何:

  1. 加载外部 SVG 文档及其引用的资源(脚本/样式)
  2. 从同一宿主文档中包含的对象标签加载 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

尝试使用我的 jQuery hack 使用 jQuery创建和访问 SVG 标签?

或者$("#svgphone").css({'background-image': "url(external.svg)"});

于 2013-02-20T21:33:36.323 回答
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 回答