Chrome için HTML-in-Canvas API deneme sürümü başladı
Öne çıkanlar
- HTML-in-Canvas API, Chrome 148 ile 150 sürümleri arasında deneysel olarak kullanıma açıldı.
- WebGL ve WebGPU dokularına aktarılan HTML öğeleri ekran okuyucu ve metin arama özelliklerini koruyor.
- Güvenlik gerekçesiyle farklı alan adlarından yüklenen iframe içerikleri bu arayüzde çalışmıyor.
Google, web geliştiricilerinin DOM öğelerini doğrudan 2D canvas, WebGL veya WebGPU dokularına çizmesini sağlayan deneysel HTML-in-Canvas API özelliğini Chrome 148 ile 150 sürümleri arasında deneme sürecine açtı. Yeni arayüz, piksellerden oluşan grafik katmanları ile anlamsal HTML yapısı arasındaki ayrımı ortadan kaldırıyor. Bu sayede grafik performansı gerektiren uygulamalarda metin seçimi, form denetimleri ve ekran okuyucu uyumluluğu gibi temel web özellikleri korunuyor.
Yeni özellik kapsamında geliştiriciler, canvas etiketine eklenen layoutsubtree özniteliği ile DOM öğelerini doğrudan grafik bağlamına bağlıyor. 2D bağlamda drawElementImage yöntemi, WebGL tarafında texElementImage2D ve WebGPU tarafında copyElementImageToTexture çağrıları kullanılıyor. Çizilen arayüzün ekrandaki tıklama ve odaklanma noktalarıyla eşleşmesi için CSS dönüşüm matrisleri senkronize ediliyor; bu sayede üç boyutlu modellerin üzerindeki yazılar sayfada arama (Ctrl+F) ve otomatik çeviri araçlarıyla uyumlu çalışıyor.
Three.js ve PlayCanvas gibi popüler grafik kütüphaneleri söz konusu deneysel API için ilk desteklerini sundu. Güvenlik gerekçesiyle farklı alan adlarından (cross-origin) gelen iframe içeriklerini desteklemeyen sistem, JavaScript ana iş parçacığı üzerinden yürütüldüğü için bağımsız kaydırma animasyonlarına izin vermiyor. Geliştiriciler, Chrome Canary üzerinde ilgili bayrağı açarak ya da deneme programına kaydolarak özelliği test edebiliyor.
Bu özet yapay zekâ ile hazırlanmıştır; ayrıntılar ve doğrulama için orijinal kaynağa başvurun.