QtWebkit里RenderLayer树的绘制详细流程分析

       QtWebkit里,QWebView,QWebPage和QWebFrame的关系如下:

技术分享

       QtWebKit从绘制事件(Qt的paint)发出,到WebCore里面的RenderLayers树的绘制详细流程分析如下。

       首先是QWidget收到paintEvent,发送给Qt的QWebView,在QWebView里,创建Qt的画笔QPainter,并基于此画笔创建绘图上下文:GraphicContext,然后使用此画笔再调用Qt的QWebFrame的渲染函数render把这个QWebFrame绘制到裁剪区里。在QWebFrame的render函数里,再调用QWebFramePrivate的绘制相对坐标函数:renderRelativeCoords,后者就会计算每一个裁剪区和QWebView的交集、同时调用FrameView的绘制内容函数:paintContents。

         FrameView的paintContents函数内部就会开始绘制RenderLayer--通过paintLayer函数,此函数自己不干活,实际调用的是RenderLayer自己的绘制函数:RenderLayer::paint,此RenderLayer的函数内部又会调用自己的paintLayer函数,这里才是重中之重。

         在paintLayer函数里,主要分成三件事:1 做几何表换:比如平移、翻转、旋转等等;2 绘制RenderLayer的内容;3 绘制RenderLayer的反射。后面两件事情其实都包括:绘制背景、绘制前景、绘制外边框、绘制掩模、绘制List控件,这几种绘制函数都是递归调用的。具体序列图如下:


技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。