Tách SVG
Chia một SVG thành nhiều file riêng — mỗi shape hoặc group một file — mỗi file cắt vừa khít viewBox của nó. Tiện để rút từng icon ra khỏi một bản xuất gộp.
Các bước
- Tải một SVG lên.
- Công cụ đo từng shape hoặc group ở cấp trên cùng bằng
getBBoxcủa trình duyệt và liệt kê dưới dạng ảnh thu nhỏ. - Chỉnh đệm quanh mỗi mảnh, và bật Tách sâu nếu tác phẩm nằm gọn trong một
<g>lớn. - Tải riêng một mảnh, hoặc lấy tất cả dưới dạng ZIP.
Mẹo
- Tách sâu đi xuống một cấp vào group chính. Bật khi cả hình nằm trong một lớp bọc duy nhất và tách thường chỉ cho một mảnh.
- Gradient và filter dùng chung trong
<defs>được chép vào mỗi mảnh, nên không mảnh nào hiện thành khối đen phẳng. - Mỗi mảnh được đặt tên theo
idcủa phần tử nếu có — hãy đặt tên lớp trong công cụ thiết kế thì file xuất ra sẽ có nhãn.
Câu hỏi thường gặp
Sao tôi chỉ nhận được một mảnh?
Các shape của bạn có lẽ đều nằm trong một group. Hãy bật Tách sâu.
Một mảnh trông trống — vì sao?
Nó có hộp bao kích thước bằng 0 (phần tử vô hình hoặc bị cắt) và đã bị bỏ qua.
File của tôi có bị tải lên không?
Không — việc đo và tách diễn ra ngay trên trình duyệt.