Lệnh đường dẫn SVG nào được hỗ trợ?

Mọi lệnh chuẩn: M/m, L/l, H/h, V/v, C/c, S/s, Q/q, T/t, A/a, Z/z. Cả hai biến thể đều được hỗ trợ.

Các điểm kiểm soát được thể hiện như thế nào?

Đối với đường cong khối (C/c), hai điểm điều khiển màu xanh dương được kết nối với nhau bằng những đường gạch gạch gạch, cho bạn thấy chính xác đường cong được định dạng như thế nào. Đối với đường cong bậc hai (Q/q), một điểm điều khiển chỉ màu tím được hiển thị. Điểm neo được vẽ như chấm đỏ nhỏ.

Tôi có thể chỉnh sửa đường trong hình ảnh được không?

Hiện tại bạn chỉnh sửa văn bản dữ liệu đường dẫn và cập nhật hình ảnh trực tiếp. Điều khiển trực tiếp điểm điều khiển bằng cách kéo bức tranh lên được lên kế hoạch cập nhật trong tương lai.

Hình ảnh hoá đường dẫn SVG

Dán bất kỳ đường dẫn nào của SVG và xem nó được vẽ ngay lập tức với hình dung điểm điều khiển.

Control points Grid

SVG Path Data (d attribute)

Preview

Was this tool helpful?

Send output to:

How to use SVG Path Visualizer

Dán một đường dẫn d-atriute chuỗi vào hộp nhập.
Con đường này được vẽ ngay lập tức trong ô xem thử với ô xem tự động tự động tự động- tính.
Những chấm xanh dương cho thấy điểm điều khiển khối, điểm màu tím cho thấy điểm điều khiển hạt nhân bậc hai, và chấm đỏ cho thấy điểm neo.
Bật/ tắt lưới bao phủ để định vị trí chính xác, hoặc dùng nút Sao chép/ Tải lại để xuất đường dẫn.
Sửa đổi dữ liệu đường dẫn và xem các kết quả cập nhật trong thời gian thực.

Tên là gì?

Chuỗi dữ liệu đường dẫn dữ liệu SVG có thể được giải mã — một chuỗi dài chữ cái và con số khó gỡ lỗi bằng cách đọc một mình. Công cụ này làm cho dữ liệu đường đi của bạn trực tiếp, hiển thị các hình dạng thực tế, điểm điều khiển đường cong hạt nhân, và điểm neo. Nó vô giá khi bạn đang đi theo các đường SVG hoặc gỡ lỗi tại sao đường cong không trông như bạn mong đợi. Công cụ này hỗ trợ tất cả các lệnh đường dẫn chuẩn SVG: M/m (move), L/l (dòng), H/h ( tiền tiêu chuẩn), V/v (máy chủ), C/ c (c (c), S/s (smooth crix), Q/quadrat bezier), T/t (smooth 2), A/a, và Z/z (con đường đóng). Điểm điều khiển được hiển thị như những chấm màu kết nối bằng đường gạch tới neo

FAQ

Lệnh đường dẫn SVG nào được hỗ trợ?: Mọi lệnh chuẩn: M/m, L/l, H/h, V/v, C/c, S/s, Q/q, T/t, A/a, Z/z. Cả hai biến thể đều được hỗ trợ.
Các điểm kiểm soát được thể hiện như thế nào?: Đối với đường cong khối (C/c), hai điểm điều khiển màu xanh dương được kết nối với nhau bằng những đường gạch gạch gạch, cho bạn thấy chính xác đường cong được định dạng như thế nào. Đối với đường cong bậc hai (Q/q), một điểm điều khiển chỉ màu tím được hiển thị. Điểm neo được vẽ như chấm đỏ nhỏ.
Tôi có thể chỉnh sửa đường trong hình ảnh được không?: Hiện tại bạn chỉnh sửa văn bản dữ liệu đường dẫn và cập nhật hình ảnh trực tiếp. Điều khiển trực tiếp điểm điều khiển bằng cách kéo bức tranh lên được lên kế hoạch cập nhật trong tương lai.

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

Hình ảnh hoá đường dẫn SVG

Something went wrong

How to use SVG Path Visualizer

Tên là gì?

FAQ

Related tools

Author

People also use

Ad blocker detected

Keyboard shortcuts