浏览器 - SVG 渲染完成事件答案

【问题标题】：Browser - SVG rendering completed event浏览器 - SVG 渲染完成事件
【发布时间】：2012-02-14 04:02:44
【问题描述】：

是否有我可以使用的 DOM 事件来查看 SVG 的渲染是否完成？在通过 ajax 请求检索内容后，我正在动态添加 SVG。

我正在使用 ExtJS4 将 ajax 响应添加到这样的新容器中：

    response = MyXMLHttpRequestObjectFromAjaxRequest;
    ...
    this.svgContainer = Ext.create("Ext.container.Container", {
            width:SvgData[this.svgFileName].dimension.width,
            height:SvgData[this.svgFileName].dimension.height,
            autoDestroy:false
        }
    );
    destination.add(this.svgContainer);
    this.svgContainer.update(response.responseText, false);

我的问题是渲染 SVG 并且 dom 可用于 DomQueries 等需要一些时间。我需要一个事件来告诉我 dom 已准备好并且我可以开始操作它？

【问题讨论】：

您找到确定绘制/渲染何时完成的有用方法了吗？

标签： javascript google-chrome svg extjs dom-events

【解决方案1】：

您是否尝试过捕捉容器的afterrender 或added 事件？

【讨论】：

其实还没有！我会试一试。我能够解决这个“问题”。