Rendering
Rendering (Pembuatan Output Visual)
Proses menghasilkan output visual atau audio dari data terstruktur, seperti mengubah HTML dan CSS menjadi halaman web yang terlihat, instruksi PDF menjadi gambar halaman, atau model 3D menjadi piksel di layar.
Detail Teknis
Rendering browser mengikuti pipeline: parsing HTML membangun pohon DOM, parsing CSS membangun CSSOM, keduanya bergabung menjadi render tree, layout menghitung geometri, painting mengisi piksel, dan compositing melapisi hasilnya. Rendering PDF menginterpretasikan operator content stream (posisi teks, grafik state, penggambaran path) untuk menghasilkan gambar halaman. Rendering berbasis Canvas dalam alat menggunakan konteks 2D atau WebGL untuk operasi yang dipercepat hardware. Rendering offscreen melalui OffscreenCanvas atau Web Worker menghindari pemblokiran thread utama.
Contoh
```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);
```