2
วิธีสร้างภาพหน้าจอจากการแสดงผลที่ตอบสนองต่อการออกแบบโดยไม่ต้องย่อขยายด้วยการซูม
ฉันต้องการภาพหน้าจอจากเว็บแอปพลิเคชันของเรา มันจะไปในโปสเตอร์ที่พิมพ์ออกมาดังนั้นฉันต้องการมันในเวอร์ชั่น DPI ที่สูง ฉันมีจอภาพ 96 DPI ดังนั้นพิกเซลหน้าจอมาตรฐานเมื่อพิมพ์ ทางออกของปัญหานี้คือ คำนวณจำนวนพิกเซลที่ฉันต้องการเพื่อให้สามารถพิมพ์ภาพในขนาด 300 dpi ในขนาดที่ฉันต้องการ ตั้งค่าเครื่องมือออกแบบการตอบสนองใน Firefox เป็นขนาดวิวพอร์ตที่แน่นอนพูด X โดย Y พิกเซล ซูมด้วย Ctrl + + จนกระทั่งองค์ประกอบการออกแบบที่จำเป็นเติมเต็มมุมมอง (ส่วนนั้นมีความสำคัญ - โซลูชันต้องทำงานเมื่อเนื้อหาถูกซูมเข้าหรือซูมออก) ใช้เครื่องมือสกรีนช็อตในตัวเพื่อสร้างสกรีนช็อต ใช้ GIMP เพื่อเปลี่ยนความละเอียดของภาพเป็น 300 dpi โดยไม่ต้องเปลี่ยนจำนวนพิกเซลที่แท้จริง สำหรับความประหลาดใจของฉันภาพหน้าจอไม่ได้ X ตามพิกเซล Y แต่มีขนาดที่เล็กกว่าเช่น 0.67X คูณ 0.67Y ดังนั้นฉันจึงได้รับภาพ 200 dpi โดยไม่ต้องปรับขนาดขึ้น ปัจจัยยังแตกต่างกัน หลังจากเล่นไปรอบ ๆ …