Chromium网页绘图表面(OutputSurface)创建过程分析.docVIP

Chromium网页绘图表面（Output Surface）创建过程分析 在Chromium中，Render进程在绘制网页之前，要为网页创建一个绘图表面。绘图表面描述的是网页经过渲染之后得到的输出。这个输出需要交给Browser进程处理，才能显示在屏幕上。在硬件加速渲染条件下，这个输出有可能是一个OpenGL纹理，也有可能是一系列需要进一步进行绘制的OpenGL纹理，取决于Render进程使用直接渲染器还是委托渲染器。本文接下来就对网页的绘图表面的创建过程进行详细分析。 关于网页绘图表面的更详细描述，可以参考一文。本文的重点是分析Chromium的CC模块是如何触发网页绘图表面的创建的，以作为一文的补充。 网页绘图表面是由CC模块的调度器触发创建的，如图1所示： CC模块内部的状态机一旦检测到网页的Layer Tree创建和初始化完毕，就会通知调度器触发一个创建绘图表面的操作。CC模块在为网页创建 绘图表面的过程中，也有伴随着网页分块管理器、资源池和光栅化工作者线程池等基础设施的创建。一旦这些基础设施准备完毕，网页才能开 始进行绘制，也就是在图1中，第1步完成后，第2到第6步才可以周而复始地执行。 从前面一文可以知道，当网页的Graphics Layer Tree的根节点创建出来之后，WebKit就会通知Chromium的Content层初始化一个CC Layer Tree，如下所示： [cpp] view plain copy 在CODE上查看代码片派生到我的代码片 void RenderWidget::initializeLayerTreeView() { compositor_ = RenderWidgetCompositor::Create( this, is_threaded_compositing_enabled_); ...... if (init_complete_) StartCompositor(); } 这个函数定义在文件external/chromium_org/content/renderer/render_widget.cc中。 初始化CC Layer Tree的工作是通过调用RenderWidgetCompositor类的静态成员函数Create实现的。在前面一文中，我们分析了此时 RenderWidget类的成员变量init_complete_的值等于true，因此接下来RenderWidget类的成员函数initializeLayerTreeView会调用另外一个成 员函数StartCompositor为网页创建绘图表面。 RenderWidget类的成员函数StartCompositor的实现如下所示： [cpp] view plain copy 在CODE上查看代码片派生到我的代码片 void RenderWidget::StartCompositor() { ...... compositor_-setSurfaceReady(); } 这个函数定义在文件external/chromium_org/content/renderer/render_widget.cc中。 RenderWidget类的成员变量compositor_指向的是一个RenderWidgetCompositor对象，RenderWidget类的成员函数StartCompositor调用 这个RenderWidgetCompositor对象的成员函数setSurfaceReady，用来通知它可以为网页创建绘图表面了。 RenderWidgetCompositor类的成员函数setSurfaceReady的实现如下所示： [cpp] view plain copy 在CODE上查看代码片派生到我的代码片 void RenderWidgetCompositor::setSurfaceReady() { layer_tree_host_-SetLayerTreeHostClientReady(); } 这个函数定义在文件external/chromium_org/content/renderer/gpu/render_widget_compositor.cc中。 RenderWidgetCompositor类的成员变量layer_tree_host_指向的是一个LayerTreeHost对象。这个Layer