Tạo hình blob SVG
- Tệp không rời khỏi thiết bị của bạn
- Chạy trên trình duyệt
- Miễn phí, không cần đăng ký, không hình mờ
Press R or Space for a new blob.
Cách dùng Tạo hình blob SVG
Tạo hình blob hữu cơ ngẫu nhiên và xuất thành SVG, PNG hoặc thành phần React. Chỉnh số điểm, độ tương phản, lớp, tô gradient và kiểu viền, rồi thêm hoạt ảnh biến hình tùy chọn. Mỗi hình đến từ một số seed và được tạo trong trình duyệt.
- 1
Nhấn “Blob mới”, hoặc nhấn R hoặc Space, cho đến khi vừa hình. Các hình trước ở trong “Blob gần đây”.
- 2
Trong “Hình”, chỉnh “Độ phức tạp”, “Tương phản”, “Kích thước” và “Lớp”.
- 3
Trong “Màu”, chọn một “Bảng màu” hoặc đặt tô “Đặc” hoặc “Gradient”, và chuyển “Kiểu” sang “Viền” nếu chỉ muốn cạnh.
- 4
Đặt “Chiều rộng” và “Chiều cao” khung, bật “Màu nền” nếu cần, và bật “Hoạt ảnh biến hình” cho hình chuyển động.
- 5
Nhấn “Tải SVG”, hoặc chọn tỷ lệ PNG 1×, 2× hoặc 4× rồi nhấn PNG. “Sao chép SVG” và “Sao chép React” đưa mã vào clipboard.
Câu hỏi thường gặp
Tôi có lấy lại cùng blob sau này được không?
Có. Hình đến từ “Seed”, nên cùng seed với cùng cài đặt luôn cho cùng blob. Ghi số rồi gõ lại vào “Seed”.
Nền có trong suốt không?
Có, mặc định. Chỉ bật “Màu nền” khi bạn muốn khung được tô.
Hoạt ảnh có chạy trong tệp xuất không?
Hoạt ảnh biến hình dùng phần tử animate sẵn của SVG, nên phát trong bản xuất SVG và React mà không cần CSS hoặc JavaScript thêm. PNG luôn là khung tĩnh.
Dùng blob trong dự án React thế nào?
“Sao chép React” cho bạn một thành phần trả về SVG và truyền props vào phần tử svg, nên bạn có thể thêm className hoặc style.
Có gì được tải lên không?
Không. Hình được tính và xuất hoàn toàn trong trình duyệt.