javascript - 是否可以使用 JavaScript 操作嵌入在 HTML 文档中的 SVG 文档？

Question

我制作了一个 SVG 图像，或者更像是迷你应用程序，用于查看数据图表。我想将其包含在 HTML 页面中，并在 SVG 图像上调用方法。

例子:

<object id="img" data="image.svg" width="500" height="300"/>
<script>document.getElementById("img").addData([1,23,4]);</script>

是否可以在 SVG 文档上调用方法？如果是这样，我如何声明要在 SVG 文件中公开的方法，以及如何从 HTML 文档中调用它们？

Answer 1

解决方法:

在 svg 中:

<script>document.method = function() {}</script>

在html中(使用原型(prototype)添加事件监听器):

<script>$("img").observe("load", function() {$("img").contentDocument.method()});

您需要监听图像上的加载事件。加载图像后，您可以使用 element.contentDocument 访问 svg 文档中的 document 变量。添加到其中的任何方法都将可用。