我有一个SVG文档,我想在其中包含一个脚本(使用
如果我是在HTML和JQuery中做这个,我会使用
总之,我要找的是像下面这样的东西:
test.svg:
<script>
标签)。在这个脚本中,我想设置一个函数,在文档加载完成并可供操作时调用。如果我是在HTML和JQuery中做这个,我会使用
$(document).ready(...)
。我正在寻找同样的方法来在SVG文档中完成,但显然我不能以同样的方式使用JQuery。总之,我要找的是像下面这样的东西:
test.svg:
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<script type="text/ecmascript" xlink:href="myscript.js" />
<!-- Rest of SVG body goes here -->
</svg>
myscript.js:
function init(evt) {
var svgDocument = evt.target.ownerDocument;
var svgRoot = svgDocument.documentElement;
// Manipulate SVG DOM here
}
// --> Somehow attach init() function to onload event of SVG <--
我希望能在脚本中实现这一点,而不是依赖SVG定义中显式的onload="init()"
。(我希望编写一个脚本,可能会被包含在多个SVG中,而它们无需了解脚本的工作原理。)
<svg>
标签中添加onload =“…”
。我已经更新了原始问题以使其更清晰(希望如此!)。 - FixMaker