รองรับคําสั่ง SVG อะไร?

คําสั่งมาตรฐานทั้งหมด: M/m, L/l, H/h, V/v, C/c, S/s, Q/q, T/t, A/a, Z/z. สัมบูรณ์ (uppercase) และสัมพัทธ์ (local) access.

มี การ แสดง ให้ เห็น จุด ควบคุม อย่าง ไร?

สําหรับเส้นโค้งรูปลูกบาศก์ (C/c) จุดควบคุมสีฟ้าสองจุด ต่อกับสมอแต่ละลําโดยเส้นประ แสดงให้คุณเห็นว่าเส้นโค้งนั้นรูปร่างเป็นอย่างไร สําหรับเส้นโค้งกําลังสอง (Q/q) แสดงจุดควบคุมสีม่วงเพียงจุดเดียว จุดยึดอยู่ที่จุดเล็กๆสีแดง.

ฉันแก้ไขเส้นทางในการมองภาพได้ไหม?

ปัจจุบันคุณแก้ไขข้อความพาธข้อมูลและการปรับปรุงภาพ การควบคุมจุดควบคุมโดยตรงโดยลากบนผ้าใบ วางแผนสําหรับการปรับปรุงในอนาคต.

พาธของ SVG

วางเส้นทาง SVG ใด ๆ d-atribult และเห็นมันแปลทันทีด้วยภาพจุดควบคุม.

Control points Grid

SVG Path Data (d attribute)

Preview

Was this tool helpful?

Send output to:

How to use SVG Path Visualizer

วางพาธของ SVG d- aptrich สตริงในกล่องนําเข้า.
พาธจะถูกแสดงทันทีในถาดแสดงตัวอย่าง โดยใช้กล่องมุมมองที่คํานวณอัตโนมัติ.
จุดสีน้ําเงินแสดงจุดควบคุมรูปลูกบาศก์ จุดสีม่วงแสดงจุดควบคุมกําลังสอง และจุดสีแดงแสดงจุดยึดเหนี่ยว.
เปิด/ ปิด ลูกข่าย.
แก้ไขข้อมูลพาธและดูการปรับปรุงผลลัพธ์ในเวลาจริง.

อะไรคือ?

พาธของข้อมูลแบบ SVG อาจคลุมเครือ — ตัวหนังสือและตัวเลขที่ยากที่จะดีบั๊กด้วยการอ่านคนเดียว เครื่องมือนี้แปลงข้อมูลเส้นทางของคุณมีชีวิตอยู่ แสดงรูปร่างจริง จุดควบคุมสําหรับเส้นโค้ง และจุดยึด มันประเมินค่าไม่ได้ เมื่อคุณเขียนเส้นทาง SVG หรือ การดีบั๊กว่าทําไมเส้นโค้ง ไม่มีลักษณะตามที่คุณคาดหวัง เครื่องมือนี้รองรับคําสั่งมาตรฐานของ SVG ทั้งหมด: M/m (ย้าย), L/l (line), H/h (h), V/V (อังกฤษ), C/c (Cubic Bezer), S/s (smoth camot cload), Q/q (quadratic Bezer), T/lot), A/a (Ac), และ Z/ Path). จุดควบคุมจะแสดงเป็นจุดสีที่เชื่อมต่อโดยเส้นประกับสมอของพวกเขา

FAQ

รองรับคําสั่ง SVG อะไร?: คําสั่งมาตรฐานทั้งหมด: M/m, L/l, H/h, V/v, C/c, S/s, Q/q, T/t, A/a, Z/z. สัมบูรณ์ (uppercase) และสัมพัทธ์ (local) access.
มี การ แสดง ให้ เห็น จุด ควบคุม อย่าง ไร?: สําหรับเส้นโค้งรูปลูกบาศก์ (C/c) จุดควบคุมสีฟ้าสองจุด ต่อกับสมอแต่ละลําโดยเส้นประ แสดงให้คุณเห็นว่าเส้นโค้งนั้นรูปร่างเป็นอย่างไร สําหรับเส้นโค้งกําลังสอง (Q/q) แสดงจุดควบคุมสีม่วงเพียงจุดเดียว จุดยึดอยู่ที่จุดเล็กๆสีแดง.
ฉันแก้ไขเส้นทางในการมองภาพได้ไหม?: ปัจจุบันคุณแก้ไขข้อความพาธข้อมูลและการปรับปรุงภาพ การควบคุมจุดควบคุมโดยตรงโดยลากบนผ้าใบ วางแผนสําหรับการปรับปรุงในอนาคต.

Related tools

Author

Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 SVG Path Visualizer on Wikipedia·Developer Tools on Wikipedia·SVG Path Visualizer on Britannica

People also use

← Back to Developer Tools · All tags

Last updated: 2026-06-06

พาธของ SVG

Something went wrong

How to use SVG Path Visualizer

อะไรคือ?

FAQ

Related tools

Author

People also use

Ad blocker detected

Keyboard shortcuts