您能否分享一下如何:
- 加载外部 SVG 文档及其引用的资源(脚本/样式)
- 从同一宿主文档中包含的对象标签加载 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>