Rendering
Kết xuất (Tạo đầu ra trực quan)
Quá trình tạo đầu ra trực quan hoặc âm thanh từ dữ liệu có cấu trúc, chẳng hạn như chuyển đổi HTML và CSS thành trang web hiển thị, lệnh PDF thành hình ảnh trang, hoặc mô hình 3D thành pixel trên màn hình.
Chi tiết kỹ thuật
Kết xuất trình duyệt tuân theo quy trình: phân tích HTML xây dựng cây DOM, phân tích CSS xây dựng CSSOM, cả hai kết hợp thành cây kết xuất, bố cục tính toán hình học, vẽ điền pixel, và tổng hợp xếp chồng các lớp kết quả. Kết xuất PDF diễn giải các toán tử luồng nội dung (định vị văn bản, trạng thái đồ họa, vẽ đường dẫn) để tạo hình ảnh trang. Kết xuất dựa trên Canvas trong các công cụ sử dụng ngữ cảnh 2D hoặc WebGL cho các thao tác được tăng tốc phần cứng. Kết xuất ngoài màn hình qua OffscreenCanvas hoặc Web Worker tránh chặn luồng chính.
Ví dụ
```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);
```