当简单地加载(打开)页面时,我没有使用SVGweb的问题.
如何重新初始化SVGweb以重绘页面上的所有SVG？
另外我需要SVGweb来重新扫描和重新呈现页面上的所有内容.
来源(由此)：
<script type="image/svg+xml">
<svg>
...
</svg>
</script>
对此(就像SVGweb si那样只需打开页面)：
<svg> ... </svg>
我需要这个,因为我使用ajax更改了SVG图形,需要在页面上重新渲染它.
我需要相同的功能,并在不修改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元素时将其附加到不包含其他节点的父元素.这消除了在该过程中无意中重新排序节点的可能性.