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);
```