javascript可操作的SVG通过ajax

javascript manipulable SVG though ajax

本文关键字:通过 ajax SVG 可操作 javascript      更新时间:2023-09-26

我怎么能得到SVG文件,虽然ajax没有任何错误,可以操纵(可选择)与javascript。当我尝试简单的jQuery get函数时,它看起来像工作,但问题是将内容放入div。

当我尝试用这样的代码

jQuery.get( "mysvg.svg", function( data ) {
  console.log(data);
})

在控制台中显示完整代码,但如果我试着把它放在DOM中,我得到

jquery.js?ver=1.12.4:2 Uncaught TypeError: Cannot read property 'ownerDocument' of null

我该如何解决这个问题?

解决方案是取#document对象的子数组为["documentElement"]

所以svg完美地附加了这个jQuery代码

$.get( "mysvg.svg", function( data ) {
  jQuery("#youdiv").append(data["documentElement"]);
})

尝试将数据类型设置为"text",然后添加到元素。

 jQuery.get( "mysvg.svg", null , function( data ) {     
        $('body').append(data);
    },'text');