Công cụ dành cho nhà phát triển / 19
Công cụ trực quan hóa và kiểm tra lệnh đường dẫn SVG
Phân tích dữ liệu đường dẫn SVG (thuộc tính d) thành các token, tham số lệnh và bản kết xuất trực quan.
Công cụ trực quan hóa và kiểm tra lệnh đường dẫn SVG: TOEA phân tách các chỉ dẫn đường dẫn (M, L, C, Q, A, Z) thành token và kết xuất bản xem trước tương tác trên canvas SVG. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.
- Danh mục
- Công cụ lập trình viên
- Lượt chạy
- Trong trình duyệt của bạn
- Chi phí
- Miễn phí · không cần đăng ký
- Trạng thái khả dụng
- Sẵn sàng sử dụng
Lệnh đường dẫn (4 token)
Đọc các lệnh
Lệnh viết hoa dùng tọa độ tuyệt đối, còn lệnh viết thường di chuyển tương đối so với điểm hiện tại. Mỗi lệnh nhận một số lượng giá trị cố định: H và V nhận một, M, L và T nhận hai, S và Q nhận bốn, C nhận sáu, A nhận bảy và Z không nhận giá trị nào. Các giá trị thừa sẽ lặp lại lệnh, còn các cặp thừa sau M được xử lý như L. Bảy giá trị của cung là hai bán kính, góc xoay, hai cờ chọn cung lớn hoặc nhỏ và hướng của cung, cùng điểm cuối.
Kích thước xem trước và số dạng rút gọn
Bản xem trước hiển thị vùng 200 × 200 đơn vị tính từ gốc tọa độ. Biểu tượng được vẽ trên lưới 24 đơn vị sẽ trông nhỏ ở góc trên bên trái, còn đường dẫn từ bộ biểu tượng 512 đơn vị sẽ chạy ra ngoài mép; đó là canvas, không phải đường dẫn.
Các trình tối ưu thường bỏ dấu phân cách, viết M10-5 hoặc .5.5 cho hai số. Phần phân tích đọc chúng như trình duyệt: dấu trừ hoặc dấu thập phân thứ hai bắt đầu một số mới, nên .5.5 là 0.5 và 0.5. Cờ cung là các chữ số đơn, vì vậy trong a5 5 0 015 5, các cờ là 0 và 1, còn điểm cuối là 5 5. Để thay đổi hình dạng thay vì chỉ đọc nó, hãy mở trong trình chỉnh sửa SVG.
Cách sử dụng
- Dán dữ liệu đường dẫn SVG (ví dụ: M10 10 L90 90 Z).
- Kiểm tra các token lệnh và phần mô tả.
- Xem bản xem trước của đường dẫn vector đã kết xuất.
Quyền riêng tư và giới hạn
Quá trình xử lý diễn ra 100% trong trình duyệt và không lưu giữ dữ liệu.
Công cụ liên quan
Câu hỏi thường gặp
Công cụ phân tích những lệnh đường dẫn SVG nào?
Hỗ trợ MoveTo, LineTo, Bézier bậc ba, Bézier bậc hai, cung elip và ClosePath (cả dạng tuyệt đối và tương đối).
Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản