Trình chỉnh sửa và vẽ vector SVG trực tuyến

Vẽ hình dạng, đường dẫn và văn bản

Thêm hình chữ nhật, hình tròn, hình elip, đường thẳng, ngôi sao, hình tam giác, trái tim, đường dẫn hoặc văn bản. Chọn một đối tượng để thay đổi màu tô, màu đường viền, độ rộng đường viền và độ trong suốt, hoặc dùng các điều khiển lớp để nhân bản, xóa và sắp xếp lại đối tượng. Cài đặt canvas xác định kích thước bản vẽ và nền.

Di chuyển đường dẫn trên canvas và chỉnh sửa hình dạng của nó qua thẻ Code. Các lệnh đường dẫn như M, L và C mô tả chuyển động, đường thẳng và đường cong. Đây không phải trình chỉnh sửa nút trực quan: không có tay nắm đường cong kéo được. XML đã chỉnh sửa sẽ được áp dụng khi bạn rời khỏi trường mã.

Giới hạn xuất và nhập

SVG giữ lại các hình vector và văn bản có thể chỉnh sửa; PNG raster hóa bản vẽ theo kích thước canvas. Sao chép phần mã đánh dấu sẽ cho bạn văn bản SVG để dùng trong một trang hoặc trình chỉnh sửa khác. Văn bản không được chuyển thành đường viền, nên hình thức hiển thị phụ thuộc vào phông chữ có sẵn tại nơi mở tệp.

Tệp được nhập sẽ được rút gọn thành các hình cơ bản, đường dẫn và văn bản được hỗ trợ. Gradient, bộ lọc, vùng cắt, hình ảnh nhúng và hành vi của nhóm không được giữ lại đầy đủ. Hãy giữ bản gốc và so sánh bản vẽ đã nhập trước khi xuất bản thay thế.

Cách sử dụng

1. Thêm hình chữ nhật, hình tròn, hình elip, đường thẳng, ngôi sao, đường dẫn hoặc văn bản, rồi kéo vào vị trí mong muốn.
2. Thiết lập màu tô, nét viền, độ mờ, bán kính góc và thứ tự lớp.
3. Tải xuống SVG hoặc PNG, hoặc sao chép mã đánh dấu.

Quyền riêng tư và giới hạn

Bản vẽ không bao giờ rời khỏi trình duyệt của bạn — không có tải lên, không tự động lưu và không có máy chủ. Khi đóng tab, bản vẽ sẽ bị xóa, vì vậy hãy tải xuống tệp trước khi rời đi.