Cách dùng
- Dán XML VectorDrawable bên trái, hoặc dùng Mẫu / Mở tệp. Xem trước cập nhật khi gõ.
- Nền, thu phóng, RTL, tint và màu chủ đề chỉ đổi phần xem trước. XML nguồn giữ nguyên.
- Sao chép hoặc lưu SVG, hoặc lưu PNG. Không tải lên máy chủ.
Dán XML VectorDrawable Android để xem trước SVG ngay. Kết xuất path, group, clip-path, gradient và tint trong trình duyệt, rồi xuất SVG hoặc PNG.
Chế độ xem
Nền
Thu phóng
Màu chủ đề
Tint
Dòng: 0
Cột: 0
Lựa Chọn: 0 ký tự
Xem trước
Đầu vào, đầu ra, giới hạn
Đầu vào là XML VectorDrawable hoặc tệp .xml. Đầu ra là xem trước SVG trực tiếp và xuất SVG/PNG. animated-vector chỉ kết xuất <vector> tĩnh bên trong. @color/?attr được thay bằng màu chủ đề. Bản nháp lưu 30 ngày trên bộ nhớ cục bộ thiết bị này.
Ví dụ
Mẫu pin đang sạc chính thức — <vector> với <group> xoay và <path android:fillColor="#AARRGGBB"> — xem trước thành biểu tượng nghiêng.
Cú pháp VectorDrawable
- <vector>: viewportWidth/Height, width/height (dp), alpha, tint, autoMirrored
- <path>: pathData, fillColor, fillAlpha, fillType (evenOdd/nonZero), strokeColor, strokeWidth, strokeLineCap/Join
- <group>: rotation, pivotX/Y, scaleX/Y, translateX/Y cho con
- <clip-path>: cắt phần vẽ trong cùng nhóm
- Màu: #RGB / #ARGB / #RRGGBB / #AARRGGBB. Android để alpha trước.
- Gradient tuyến tính và xuyên tâm API 24+ qua aapt:attr. Sweep được xấp xỉ/cảnh báo.
- Thuộc tính chủ đề như ?attr/colorControlNormal dùng màu chủ đề.
Câu hỏi thường gặp
XML có được tải lên không?
Không. Dán, tệp, xem trước và xuất ở lại trình duyệt. Bản nháp chỉ trên thiết bị này.
AnimatedVectorDrawable có phát không?
Không. Chỉ vẽ <vector> tĩnh trong <animated-vector>. Không hỗ trợ ObjectAnimator.
Vì sao màu sai?
fillColor Android là #AARRGGBB (alpha trước), không phải #RRGGBBAA của SVG. @color và ?attr không có tài nguyên dự án sẽ dùng màu chủ đề.
