Farklı Web Uygulamaları için QA Duyarlı Görüntü Çoklu Doldurma API'sı
Picturefill, kullanıcıların cihaza bağlı olarak doğru boyutu, ekran çözünürlüğünü ve daha fazlasını görmelerini sağlamak için farklı web uygulamalarında kullanılabilen, kullanımı kolay, akıllı ve duyarlı bir API'dir.
Duyarlı bir resim çoklu dolgu API'si olan Picturefill, açık kaynak kodludur ve kullanımı ücretsizdir ve Javascript ve HTML kullanılarak geliştirilmiştir. Esas olarak uygulamaların ön ucu için kullanılır, son kullanıcıların uygulamaya eriştikleri çeşitli cihazlara sahip olabileceği herhangi bir projeye harika bir katkı sağlayabilir.
Picturefill, tarayıcılardaki Picture ve Img öğeleri için ek destek ve özellikler sağlar. Kullanıcılarınız web sitenize hangi cihazdan erişiyor olursa olsun, resimlerin ekran boyutlarına ve çözünürlüklerine göre otomatik olarak ayarlanmasını sağlamanın en kolay yollarından biridir. Picturefill, Safari, Internet Explorer 9, Google Chrome Mozilla Firefox ve daha fazlası dahil olmak üzere birçok tarayıcı için test edilmiştir.
PictureFill'e Başlarken
PictureFill'i NPM aracılığıyla kurmanın önerilen yolu. Lütfen yüklemek için aşağıdaki komutu kullanın.
PictureFill'i NPM aracılığıyla yükleyin
npm install picturefillÜcretsiz JavaScript API'si ile Duyarlı Görseller Ekleyin
Açık kaynaklı PictureFill kitaplığı, JavaScript geliştiricilerinin sitelerine duyarlı görüntüler eklemesine olanak tanır; buna, yüksek piksel yoğunluklu görünüm pencerelerine sahip izleyicilerin yüksek çözünürlüklü varlıkları görebilmesini ve buna göre ayarlanmasını sağlamak da dahildir. Benzer şekilde, tarayıcıya aynı ancak farklı boyutlarda birkaç resim sağlayabilirsiniz. Picturefill, kullanıcınızın mevcut görüntü alanı boyutu, görüntü yoğunluğu ve web sitesi düzenindeki varlığın boyutu için en iyi kaynağı sıralayacak ve sağlayacaktır. Picturefill, geliştiricilerin, kullanıcının görüş alanına bağlı olarak hangi resimlerin görüntüleneceğine karar vermelerine de olanak tanır. Resim öğesinin yardımıyla çeşitli boyutlar, yakınlaştırma seviyeleri, en boy oranları vb. belirleyebilirsiniz.
Ücretsiz JavaScript API ile Görüntü Kesme Noktasını Belirtin
Picturefill'in bir başka özelliği de, web sitesindeki kaynak görüntüler için farklı çözünürlük seçenekleriyle belirli görüntü kesme noktaları tanımlayabilmesidir. Picturefill ayrıca, belirli biçimlerde desteklenmeyen görüntü biçimleri için yedek görüntülere karar verme seçeneği sunar. Bu şekilde web siteniz resim görüntüleme hatalarını göstermez.
Browser Support
Açık kaynak Picturefill kütüphanesi çeşitli tarayıcılar için tam destek sağlamıştır. Kütüphane test edilir ve Firefox, Google Chrome, Internet Explorer, Safari, Opera ve daha fazlası gibi çok sayıda tarayıcı üzerinde çalışır. JavaScript'ın devre dışı kaldığı zaman, tarayıcı alt özellikleri tam geri dönüş olarak görebilir. Kütüphane In9 ve hatta eski sürüm için tam destek dahil etti. In9 & daha sonra, resim etiketinizdeki kaynak elementlerinin etrafında bir video elementi sarmanız gerekecek. Aşağıdaki örnek bunu nasıl yapacağını gösteriyor.
