我正在使用此代码添加SVG:
$.get("/media/widgets/animation1/test.svg", {}, function(data, status, xhr) {
var node = document.adoptNode(data.documentElement);
$("#test").append(node);
});
XHR自动识别HTTP标头中的mime类型,因此它为我提供了XML文档。图像本身渲染得很好,但是<animateTransform>
或<animate>
声明的任何单个动画都不会启动,尽管这些元素被解析并插入到SVG DOM中。我的应用程序是XHTML,主<svg>
元素已正确命名。
我也试过DOMParser
从字符串创建DOM,但这会给我带来错误。
编辑:我在所有.beginElement()
元素上添加了<animate...>
调用,但在WebKit(我需要的浏览器)中没有结果。
编辑:它在Firefox 4 Beta 11中运行良好。
答案 0 :(得分:0)
beginelement。见https://lists.webkit.org/pipermail/webkit-unassigned/2010-September/245485.html