QA Responsive Image Polyfill API til forskellige webapplikationer
Picturefill er en nem at bruge, smart og responsiv API, der kan bruges i forskellige webapplikationer for at sikre, at brugerne ser den rigtige størrelse, skærmopløsning og mere afhængigt af enheden.
Som en responsiv billedpolyfill API er Picturefill open source og gratis at bruge og er udviklet ved hjælp af Javascript og HTML. Det bruges hovedsageligt til frontend af applikationer og kan udgøre en fantastisk tilføjelse til ethvert projekt, hvor slutbrugere kan have forskellige enheder, som de får adgang til applikationen på.
Picturefill giver yderligere support og funktioner til Picture- og Img-elementerne i browsere. Det er en af de nemmeste måder at sikre, at uanset hvilken enhed dine brugere får adgang til dit websted fra, tilpasser billederne sig automatisk til deres skærmstørrelse og opløsning. Picturefill er blevet testet for mange browsere, herunder Safari, Internet Explorer 9, Google Chrome Mozilla Firefox og mere.
Kom godt i gang med PictureFill
Den anbefalede måde at installere PictureFill på via NPM. Brug venligst følgende kommando til at installere det.
Installer PictureFill via NPM
npm install picturefillTilføj responsive billeder via gratis JavaScript API
Open-source PictureFill-biblioteket giver JavaScript-udviklere mulighed for at tilføje responsive billeder til deres websted, herunder at sikre, at seere med visningsporte med høj pixeltæthed kan se aktiver i høj opløsning, og det justerer i overensstemmelse hermed. På samme måde kan du give browseren et antal billeder, der er identiske, men med varierende størrelse. Picturefill vil sortere ud og give den bedste kilde til din brugers aktuelle visningsportstørrelse, visningstæthed og størrelsen af aktivet i webstedets layout. Picturefill giver også udviklere mulighed for at bestemme, hvilke billeder der skal vises afhængigt af brugerens viewport. Ved hjælp af billedelementet kan du angive forskellige størrelser, zoomniveauer, billedformater osv.
Angiv billedbrudpunkt via gratis JavaScript API
En anden funktion ved Picturefill er muligheden for at definere specifikke billedbrudpunkter med forskellige opløsningsmuligheder for kildebilleder på webstedet. Picturefill giver også mulighed for at vælge reservebilleder for billedformater, der ikke understøttes i visse formater. På denne måde vil din hjemmeside ikke vise billedvisningsfejl.
Understøttelse af browsere
Open source Picturefill-biblioteket har leveret komplet support til forskellige typer browsere. Biblioteket er testet og fungerer problemfrit på en lang række browsere, såsom Firefox, Google Chrome, Internet Explorer, Safari, Opera og mange flere. Når JavaScript er deaktiveret, kan browseren se alt-attributteksten som en reserve. Biblioteket har inkluderet fuld understøttelse af IE9 og endda den ældre version. For IE9 og senere skal du pakke en videoelementindpakning rundt om kildeelementerne i dit billedtag. Følgende eksempel viser, hvordan du gør det.
