เครื่องมือสร้างเส้นทางการตัด CSS Clip-Path

คำแนะนำการใช้งานซอฟต์แวร์

1. ออกแบบเส้นทางการตัด:หลังจากเข้าสู่เครื่องมือ ให้เลือกประเภทของรูปทรงในขั้นตอน “ออกแบบเส้นทาง” สามารถใช้รูปหลายเหลี่ยม วงกลม วงรี หรือสี่เหลี่ยมผืนผ้าแบบ inset ได้
2. เลือกรูปทรงที่กำหนดไว้ล่วงหน้า:สามารถเลือกรูปทรงที่กำหนดไว้ล่วงหน้าจากรูปทรงพื้นฐาน ลูกศรและสัญลักษณ์ หรือรูปทรงตกแต่ง จากนั้นปรับพารามิเตอร์ตามต้องการ
3. แก้ไขพารามิเตอร์ของเส้นทาง:รูปหลายเหลี่ยมสามารถลากจุดควบคุมได้ หรือป้อนพิกัดแบบเปอร์เซ็นต์ในช่องข้อความพิกัดได้โดยตรง ส่วนวงกลม วงรี และสี่เหลี่ยมผืนผ้าแบบ inset สามารถกรอกรัศมี จุดศูนย์กลาง ระยะขอบ และมุมโค้งมนได้โดยตรง
4. ตั้งค่าเอฟเฟกต์แสดงตัวอย่าง:สามารถปรับความกว้างและความสูงของการแสดงตัวอย่าง สีไล่ระดับ และมุมไล่ระดับได้ รวมถึงเลือกภาพเป็นเนื้อหาสำหรับแสดงตัวอย่างได้
5. คัดลอกโค้ด CSS:หลังจากตรวจสอบเอฟเฟกต์แล้ว ให้คลิก “复制clip-path” หรือ “复制CSS” และสามารถเลือกได้ว่าจะรวมคำนำหน้า -webkit และตัวเลือกคลาสหรือไม่
6. ประมวลผลรูปภาพเป็นชุด:คลิก “ขั้นตอนถัดไป: ประมวลผลเป็นชุด” เลือกรูปภาพหลายภาพ ตั้งค่ารูปแบบเอาต์พุต คุณภาพ และโหมดขนาด จากนั้นเริ่มประมวลผล
7. ดาวน์โหลดผลลัพธ์:เมื่อประมวลผลเสร็จแล้ว ให้คลิก “下载全部结果ZIP” ไฟล์เอาต์พุตจะพยายามใช้ชื่อไฟล์เดิม และหากชื่อซ้ำกัน ระบบจะเพิ่มตัวเลขให้อัตโนมัติเพื่อแยกความแตกต่าง

คำถามที่พบบ่อย