渲染過程的第二階段是從DOM和CSS到繪圖上下文的完成。
HTML解釋器遇到CSS樣式信息的時候,將它們交給CSS解釋器並生成中間表示信息。然後它們會被附加到DOM樹中,生成RenderObject樹。同時,根據網頁的層次模型,結合層的規則判斷對應的RenderObject是否應該單獨成爲RenderLayer,從而構成RenderLayer樹,並構建虛擬的繪圖上下文。
渲染的第三階段,就是將虛擬的繪圖上下文轉換成實實在在的可視圖像。
一般進過如下步驟:
1、爲了移植方便,繪圖上下文一般是與平臺無關的,它將每個繪圖操作橋接到不同的具體實現類。
2、繪圖實現類執行真正的繪製操作,這裏會涉及到2D圖像庫或者3D圖形庫,並將結果保存下來,交給瀏覽器,並且和瀏覽器界面一起顯示。
在這個一階段會涉及到硬件繪製、合成等輔助技術。