เส้นแบ่งคลื่นคือรูปทรง SVG ที่แยกส่วนของหน้าอย่างนุ่มนวล — รายละเอียดเอกลักษณ์ของส่วนฮีโร่ ส่วนท้าย และหน้า Landing ของแอปสมัยใหม่ SVG คงความคมชัดในทุกขนาดหน้าจอ
ปรับความสูง ความยาวคลื่น และชั้น เลือกสีเติม แล้วคัดลอก SVG ฝังใน HTML โดยตรง หรือบันทึกเป็นไฟล์ .svg แล้วใช้เหมือนภาพทั่วไป
Frequently Asked Questions
Q: จะฝังคลื่นลงในหน้าได้อย่างไร?
จะฝังคลื่นลงในหน้าได้อย่างไร? คัดลอก SVG แล้ววางลงใน HTML โดยตรง หรือบันทึกโค้ดเป็นไฟล์ .svg แล้วอ้างอิงด้วยแท็ก <img>
Q: พลิกทิศทางคลื่นได้ไหม?
พลิกทิศทางคลื่นได้ไหม? ได้ — เพิ่ม transform="scaleY(-1)" ลงใน SVG หรือสลับจุดเริ่มต้น/สิ้นสุดของ path คลื่นจะโค้งไปอีกด้าน
Q: ทำไมใช้ SVG แทน PNG?
ทำไมใช้ SVG แทน PNG? SVG คมชัดทุกระดับความละเอียด น้ำหนักเพียงไม่กี่ร้อยไบต์ และเปลี่ยนสีหรือทำแอนิเมชันด้วย CSS ได้
Q: ทำให้คลื่นเต็มความกว้างได้อย่างไร?
ทำให้คลื่นเต็มความกว้างได้อย่างไร? SVG ใช้ preserveAspectRatio="none" และ width:100% จึงยืดได้เต็มทุกความกว้างของคอนเทนเนอร์โดยไม่ผิดรูป
Q: ทำแอนิเมชันให้คลื่นได้ไหม?
ทำแอนิเมชันให้คลื่นได้ไหม? ได้ — ใส่ SVG ในคอนเทนเนอร์ overflow:hidden แล้วแอนิเมตตำแหน่งด้วย CSS keyframes จะได้คลื่นกลิ้ง
สีไทย
จากสีธงไตรรงค์ถึงสีจีวรพระ สีไทยสะท้อนพุทธศาสนา พระมหากษัตริย์ และธรรมชาติเขตร้อน สีแต่ละสีมีความหมายเชิงสัญลักษณ์ที่ลึกซึ้งในวัฒนธรรมไทย
แดงธงชาติ #A51931สีแดงของธงไตรรงค์ — ชาติ ศาสนา พระมหากษัตริย์
ขาวธงชาติ #F4F5F8สีขาวของธง — ศาสนาและความบริสุทธิ์
น้ำเงินธงชาติ #2D2A4Aสีน้ำเงินของธง — พระมหากษัตริย์
เหลืองทอง #FFD700สีทองของวัดและพระบรมมหาราชวัง
เขียวใบไม้ #228B22ความอุดมสมบูรณ์ของธรรมชาติเมืองร้อน
ชมพูบัว #F4A0B5ดอกบัวสีชมพู — สัญลักษณ์ของพุทธศาสนา
ส้มจีวร #FF7F00สีจีวรของพระสงฆ์ — ความเรียบง่ายและการละวาง
ฟ้าน้ำทะเล #00A3AFท้องทะเลอันดามันและอ่าวไทย
ม่วงอัญชัน #6A4C93สีของดอกอัญชัน — ใช้ย้อมขนมไทยโบราณ
เขียวมรกต #50C878สีพระแก้วมรกต — พระพุทธรูปศักดิ์สิทธิ์
Q: สีธงชาติไทยมีสีอะไรบ้าง?
สีธงชาติไทยมีสีอะไรบ้าง? ธงไตรรงค์ประกอบด้วย แดง (#A51931) หมายถึงชาติ, ขาว (#F4F5F8) หมายถึงศาสนา, และน้ำเงิน (#2D2A4A) หมายถึงพระมหากษัตริย์
Q: สีจีวรพระคือสีอะไร?
สีจีวรพระคือสีอะไร? สีจีวรของพระสงฆ์ไทยเป็นสีส้มอมเหลือง (#FF7F00) หรือสีแก่นขนุน สื่อถึงความเรียบง่าย สันโดษ และการละวางทางโลก