Rendering
Rendu (Génération de Sortie Visuelle/Audio)
Le processus de génération d'une sortie visuelle ou audible à partir de données abstraites, de descriptions ou d'instructions — comme convertir du HTML/CSS en pixels de page web, du texte 3D en polygones, ou des partitions musicales en audio.
Détail technique
Le rendu navigateur suit un pipeline : analyser HTML → construire arbre DOM → analyser CSS → CSSOM → combiner en arbre de rendu → calculer la mise en page (reflow) → peindre les pixels → composition GPU. Le rendu 3D utilise un pipeline de sommets (transformer la géométrie) → rastérisation (convertir les triangles en fragments/pixels) → pipeline de fragments (appliquer textures, éclairage, ombres). L'API Canvas 2D de HTML5 fournit la rastérisation immédiate (dessiner et oublier), SVG fournit des graphiques en mode retenu (arbre DOM), et WebGL/WebGPU fournissent l'accès au pipeline 3D accéléré par GPU. Le rendu côté serveur (SSR) pré-rend le HTML sur le serveur pour le SEO et un temps de chargement initial plus rapide.
Exemple
```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);
```