Rendering
العرض (توليد المخرجات البصرية)
عملية توليد مخرجات بصرية أو سمعية من بيانات مهيكلة، مثل تحويل HTML وCSS إلى صفحات ويب مرئية أو تعليمات PDF إلى صور صفحات أو نماذج ثلاثية الأبعاد إلى بكسلات الشاشة.
التفاصيل التقنية
يتبع عرض المتصفح خط أنابيب: تحليل 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);
```