Question

当简单地加载（打开）页面时，使用SVGweb没问题。

如何重新初始化SVGweb以重绘页面上的所有SVG？

另一个词我需要SVGweb重新扫描并重新呈现页面上的所有内容。

来源（来自此）：

<script type="image/svg+xml">
  <svg>
    ...
  </svg>
</script>

这个（就像SVGweb si那样只需打开页面）：

<svg>
...
</svg>

我需要这个，因为我使用ajax更改了SVG图形，需要在页面上重新渲染它。

Answer 1

我需要相同的功能，并在不修改svgweb源或手动调用_onDOMContentLoaded()处理程序的情况下找出如何正确执行此操作。事实上，它本身就得到了支持。

诀窍是使用window.svgweb.appendChild()（重新）将SVG元素附加到DOM，这导致节点由svgweb处理，documented within the svgweb manual也是如此。

示例，使用jQuery：

// Iterate over all script elements whose type attribute has a value of "image/svg+xml".
jQuery('body').find('script[type="image/svg+xml"]').each(function () {
    // Wrap "this" (script DOM node) in a jQuery object.
    var $this = jQuery(this);
    // Now we use svgweb's appendChild method. The first argument is our new SVG element
    //  we create with jQuery from the inner text of the script element. The second
    //  argument is the parent node we are attaching to -- in this case we want to attach
    //  to the script element's parent, making it a sibling.
    window.svgweb.appendChild(jQuery($this.text())[0], $this.parent()[0]);
    // Now we can remove the script element from the DOM and destroy it.
    $this.remove();
});

为了使其正常工作，我建议使用专用div包装所有SVG脚本标记，以便在附加SVG元素时将其附加到不包含其他节点的父元素。这消除了在过程中无意中重新排序节点的可能性。

Answer 2

使用新的SVGweb代码（通过Ajax）更改DOM后

<script type="image/svg+xml">
  <svg>
    ...
  </svg>
</script>

需要执行此操作： svgweb._onDOMContentLoaded（）;

但之前需要在SVGweb svg-uncompressed.js或svg.js的核心源中注释一行

SVG-uncompressed.js 从

    if (arguments.callee.done) {
      return;
    }

到

    if (arguments.callee.done) {
      //return;
    }

svg.js：找到并删除它：

arguments.callee.done=true;

或替换为

arguments.callee.done=false;

修改：

为IE9工作的另一个解决方法：

for svg.js

这

var a=document.getElementById("__ie__svg__onload");if(a){a.parentNode.removeChild(a);a.onreadystatechange=null}

到

var IEv=parseFloat(navigator.appVersion.split("MSIE")[1]);if(IEv<9){var a=document.getElementById("__ie__svg__onload");if(a){a.parentNode.removeChild(a);a.onreadystatechange=null;a=null;}}

用于svg-uncompressed.js

这

// cleanup onDOMContentLoaded handler to prevent memory leaks on IE var listener = document.getElementById('__ie__svg__onload'); if (listener) { listener.parentNode.removeChild(listener); listener.onreadystatechange = null; listener = null; }

到

// cleanup onDOMContentLoaded handler to prevent memory leaks on IE var IEv=parseFloat(navigator.appVersion.split("MSIE")[1]); if (IEv<9) { var listener = document.getElementById('__ie__svg__onload'); if (listener) { listener.parentNode.removeChild(listener); listener.onreadystatechange = null; listener = null; } }

重新初始化SVGweb以获取ajax

2 个答案: