Imager.js

บีบีซีอาจไม่ได้ฮับสำหรับข่าวที่เกี่ยวข้องกับการเขียนโปรแกรม แต่ทีมพัฒนาที่มีชื่อเสียงสำหรับคุณภาพของโครงการโอเพนซอร์สของพวกเขาได้รับการปล่อยตัวปีที่ผ่านมา
Imager.js เป็นห้องสมุด JavaScript ทีม Dev บีบีซีสร้างขึ้นเพื่อช่วยให้ขนาดภาพแบบไดนามิกบนเว็บไซต์ของพวกเขาขึ้นอยู่กับขนาด viewport ที่มีอยู่และอุปกรณ์ที่ผู้ใช้จะใช้เพื่อดูเว็บไซต์ของตน
Imager.js ใช้แท็กที่ซับซ้อนแทรกภายในเส้นทางแหล่งที่มาของภาพ ขึ้นอยู่กับขนาด viewport ตรวจพบแท็กเหล่านี้ได้รับการแทนที่ด้วยพารามิเตอร์ขนาดที่ใช้ในการปรับขนาดภาพแบบไดนามิกจึงเหมาะกับพื้นที่ที่มีอยู่
ระบบเดียวกันที่ใช้สำหรับอุปกรณ์ HiDPI, Imager.js เปลี่ยนแปลงแห​​ล่งที่มาไฟล์ภาพตามการตั้งค่าอัตราส่วนพิกเซล, การส่งภาพที่มีความหนาแน่นของพิกเซลที่สูงขึ้นหากอุปกรณ์ของผู้ใช้สนับสนุนมัน
ใช้ Imager.js อาจจะมีน้อยลงน้ำสำหรับโครงการขนาดเล็ก แต่เมื่อจัดการกับเว็บไซต์ที่ซับซ้อนพอร์ทัลอินทราเน็ตหรือโครงการขององค์กรอื่น ๆ , ห้องสมุดสามารถช่วยให้นักพัฒนาที่ตอบสนองโดยอัตโนมัติภาพในหน้าเว็บแอพลิเคชันทั้งหมด
. ตรวจสอบไฟล์ README ห้องสมุดสำหรับคำแนะนำในการใช้งานมากขึ้น

ต้องการ

• เปิดการใช้งานบนฝั่งไคลเอ็นต์