可以用JavaScript操作嵌入在HTML文档中的SVG文档吗？
可以用JavaScript操作嵌入在HTML文档中的SVG文档吗？
提问于 2008-09-26 08:32:03
我制作了一个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文档中调用它们？
回答 5
Stack Overflow用户
回答已采纳
发布于 2008-09-26 08:55:58
解决方案：
在svg中：
<script>document.method = function() {}</script>在html中(使用prototype添加事件侦听器)：
<script>$("img").observe("load", function() {$("img").contentDocument.method()});您需要监听镜像上的load事件。加载图像后，可以使用element.contentDocument访问svg文档上的document变量。添加到其中的任何方法都将可用。
Stack Overflow用户
发布于 2008-11-03 02:12:48
我认为David Dailey博士是你能在http://srufaculty.sru.edu/david.dailey/svg/上找到的最棒的SVG / JS信息
Stack Overflow用户
发布于 2008-11-03 02:03:28
我已经探索了JavaScripts的svg。查看博客：Scaling SVG Graphics with JavaScripts
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/138309
复制相关文章
相似问题