我无法想出比这更好的问题标题。如果您有，请随时编辑它。
无论如何，我目前正在Dart和Polymer中编写一个SVG操纵器，到目前为止它的效果非常好。但是，当我尝试将SVG元素包装在另一个元素中时，浏览器将以这种方式更新SVG元素，使其不再可见。
示例：
操作前的SVG。所有元素都可见并正确显示。<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="446px"
height="788.605px" viewBox="0 0 446 788.605" enable-background="new 0 0 446 788.605" xml:space="preserve">
<g><!-- some content --></g> <!-- wrap this element in another one -->
<g><!-- more content --></g>
</svg>
操纵后的SVG。
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="446px"
height="788.605px" viewBox="0 0 446 788.605" enable-background="new 0 0 446 788.605" xml:space="preserve">
<g><!-- wrapper -->
<g><!-- content not visible anymore --></g>
</g>
<g><!-- content still visible --></g>
</svg>
操纵的代码如下（Dart）：
Element _createWrapper(Element element) {
Element wrapper = new Element.tag('g');
var parent = element.parent;
int idx = parent.children.indexOf(element);
wrapper.append(element);
// insert wrapper at the original element's position
// in its parent
parent.children.insert(idx + 1, wrapper);
wrapper.append(element);
// if I use softReload() everything is visible again
//svg.softReload();
return wrapper;
}
void softReload() {
if (_svg != null) _svg.remove();
_svg = new SvgElement.svg(_svg.outerHtml);
$['container'].append(_svg);
}
如评论中所述，当我使用softReload（）方法时，SVG会正确显示。但是，我觉得做这样一个“软重装”是非常难看的。因此，我想问的不仅是更好的解决方案，还要问为什么会出现这个问题。