วิธียืดแฟลช

สารบัญ:

วิธียืดแฟลช
วิธียืดแฟลช

วีดีโอ: วิธียืดแฟลช

วีดีโอ: วิธียืดแฟลช
วีดีโอ: [ แฟลช Flash ] รู้ก่อนเริ่มเรียนรู้!!! [siika] 2024, อาจ
Anonim

Flash เป็นแพลตฟอร์มสำหรับสร้างเว็บแอปพลิเคชันต่างๆ เช่น แอนิเมชั่น โฆษณาแบนเนอร์ เกม การบันทึกวิดีโอและเสียง มีหลายวิธีในการขยายรูปภาพให้ทั่วทั้งหน้าของไซต์ของคุณ

วิธียืดแฟลช
วิธียืดแฟลช

คำแนะนำ

ขั้นตอนที่ 1

ใช้เครื่องมือเค้าโครงหน้าเว็บ เช่น https://makecode.ru/theme/css-30/CSS 3.0 ด้วยคุณสมบัติขนาดพื้นหลัง มันจะแสดงภาพตามมาตราส่วนที่กำหนด ป้อนค่าเป็นหน่วย (em, cm, px, ฯลฯ) และเป็นเปอร์เซ็นต์ (ซึ่งจะกำหนดขนาดของรูปภาพเป็นความกว้างหรือความสูงขององค์ประกอบ) หากคุณระบุค่าใดค่าหนึ่ง ค่าที่สองจะได้รับสถานะอัตโนมัติ หากคุณตั้งค่าหน้าปกหรือมีไว้ รูปภาพจะเติมพื้นที่ของไซต์ตามสัดส่วนโดยไม่มีช่องว่าง และศูนย์กลางของรูปภาพจะตรงกับกึ่งกลางของหน้า วิธีนี้ใช้ได้กับเบราว์เซอร์: Opera, Safari, Chrome อะไรก็ได้ หากคุณต้องการแสดง Flash ใน Mozilla Firefox ในแท็ก "วัตถุ" ให้ระบุประเภทรูปภาพ "บล็อก" มิฉะนั้น แถบเลื่อนแนวตั้งจะปรากฏในรูปภาพในเบราว์เซอร์

ขั้นตอนที่ 2

หากต้องการปรับขนาดแฟลชเล็กน้อย ให้ป้อน * {margin: 0; padding: 0} ในหน้าเบราว์เซอร์ ในเบราว์เซอร์ใดเบราว์เซอร์หนึ่ง โค้ดนี้จะทำงานแตกต่างกัน (แต่ละอันจะถูกเยื้องโดยค่าเริ่มต้น) จำไว้ว่า คุณสามารถส่งออกแฟลชและไม่จำกัดการซูมที่ 100% ในกรณีนี้ ระบุแท็ก body {display: inline;} มันจะลบเส้นขอบรอบรูปภาพ

ขั้นตอนที่ 3

หากคุณต้องการเพิ่มขนาดของภาพเคลื่อนไหว (คลิป, วิดีโอ) ให้ลองสร้างแฟลช "ยาง" ที่จะเปลี่ยนให้เต็มหน้าต่างเบราว์เซอร์ ก่อนอื่น คุณต้องสร้างวิธีการ onResize ซึ่งจะเตรียมรูปภาพเพื่อตอบสนองต่อการเปลี่ยนแปลงขนาดของหน้าต่าง จากนั้นผูกอ็อบเจ็กต์กับคลาส Stage เพื่อเริ่มรับข้อมูลเกี่ยวกับการปรับขนาดหน้าต่างเบราว์เซอร์ เวทีมีคุณสมบัติคงที่บางอย่าง ในกรณีนี้ คุณจะต้องใช้โหมด Stage.scaleMode = "noScale" ซึ่งจะไม่ปรับขนาดภาพยนตร์ให้สมบูรณ์ตามขนาดของหน้าต่าง และจะไม่ขยายองค์ประกอบแต่ละส่วนใน Flash