如何删除svg容器并将其内容放入组(例如id= g8)

How to remove an svg container and put its content to a group( id= g8 for instance)?

本文关键字：g8 例如 id 删除 何删除 svg      更新时间：2023-09-26

如何删除svg容器并将其内容放到组(例如id= g8)?

 var content1 = select('svg1').removeChild('all');
content1.addto('g8);

我需要删除svg容器:

<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" viewBox="0 0 481.89 368.504"> </svg>

并将所有内容:

<g id = 'g8'> svg content goes here...</g>

编辑:我怎么能修复这段代码只加载svg文件的内部svg代码到一个名为svg1的svg组?

Snap.load( "bike2.svg", function( f ) {
     g1 = f.select("innerSVG"); // I want to select the svg content only.
    s.append(g1);
    g1.attr({id: 'g1' });

编辑:当我从svg中选择一个g时，此代码可以工作:

g1 = f.select("#g4");//但我想要svg的所有内容，如所有元素和

试试Snap。ajax方法代替Snap。像这样加载。
我不知道"bike2.svg"的结构，但我认为您可以将元素从bike2.svg移动到主要内容。

Snap.ajax("bike2.svg", function(request){
    var svg = Snap(request.responseXML.documentElement);
    var g = svg.select("svg>*");//you can select any elements.
    s.append(g);
});
相关文章：