Rendering
渲染（视觉输出生成）
从结构化数据生成视觉或听觉输出的过程，例如将 HTML 和 CSS 转换为可见的网页、将 PDF 指令转换为页面图像或将 3D 模型转换为屏幕像素。
技术细节
浏览器渲染遵循一个管线流程：HTML 解析构建 DOM 树，CSS 解析构建 CSSOM，两者合并为渲染树，布局计算几何信息，绘制填充像素，合成将结果分层。PDF 渲染解释内容流操作符（文本定位、图形状态、路径绘制）来生成页面图像。工具中基于 Canvas 的渲染使用 2D 上下文或 WebGL 进行硬件加速操作。通过 OffscreenCanvas 或 Web Workers 进行离屏渲染可避免阻塞主线程。
示例
```javascript
// Rendering: file processing example
const file = document.getElementById('fileInput').files[0];
const reader = new FileReader();
reader.onload = (e) => {
const data = e.target.result;
console.log(`Loaded: ${file.name} (${file.size} bytes)`);
};
reader.readAsArrayBuffer(file);
```