浏览器原理——渲染过程(二)

本文介绍了网页从DOM和CSS到实际可视图像的渲染过程。包括生成RenderObject树、RenderLayer树及构建绘图上下文,最终通过绘图实现类将虚拟上下文转化为实际图像。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

渲染过程的第二阶段是从DOM和CSS到绘图上下文的完成。

HTML解释器遇到CSS样式信息的时候,将它们交给CSS解释器并生成中间表示信息。然后它们会被附加到DOM树中,生成RenderObject树。同时,根据网页的层次模型,结合层的规则判断对应的RenderObject是否应该单独成为RenderLayer,从而构成RenderLayer树,并构建虚拟的绘图上下文。



渲染的第三阶段,就是将虚拟的绘图上下文转换成实实在在的可视图像。

一般进过如下步骤:

1、为了移植方便,绘图上下文一般是与平台无关的,它将每个绘图操作桥接到不同的具体实现类。

2、绘图实现类执行真正的绘制操作,这里会涉及到2D图像库或者3D图形库,并将结果保存下来,交给浏览器,并且和浏览器界面一起显示。

在这个一阶段会涉及到硬件绘制、合成等辅助技术。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值