Rendering
Rendering (Visuelle Ausgabeerzeugung)
Der Prozess der Erzeugung einer visuellen oder akustischen Ausgabe aus strukturierten Daten, wie die Umwandlung von HTML und CSS in sichtbare Webseiten, PDF-Anweisungen in Seitenbilder oder 3D-Modelle in Bildschirmpixel.
Technisches Detail
Browser-Rendering folgt einer Pipeline: HTML-Parsing erstellt den DOM-Baum, CSS-Parsing erstellt den CSSOM, beide werden zum Render-Baum kombiniert, das Layout berechnet die Geometrie, das Painting füllt Pixel und das Compositing schichtet die Ergebnisse. PDF-Rendering interpretiert Content-Stream-Operatoren (Textpositionierung, Grafikzustand, Pfadzeichnung) zur Erzeugung von Seitenbildern. Canvas-basiertes Rendering in Tools verwendet den 2D-Kontext oder WebGL für hardwarebeschleunigte Operationen. Offscreen-Rendering über OffscreenCanvas oder Web Worker vermeidet die Blockierung des Hauptthreads.
Beispiel
```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);
```