Trình tạo Blob SVG
Công cụ tạo SVG blob tạo các hình blob hữu cơ ngẫu nhiên từ đường cong Bézier bậc ba mượt mà, với các tùy chỉnh độ phức tạp, độ ngẫu nhiên, kích thước, màu tô và gradient tùy chọn, rồi xuất mã SVG hoặc tệp.
Về công cụ này
Công cụ tạo SVG blob tạo các hình blob hữu cơ ngẫu nhiên từ đường cong Bézier bậc ba mượt mà, với các tùy chỉnh độ phức tạp, độ ngẫu nhiên, kích thước, màu tô và gradient tùy chọn, rồi xuất mã SVG hoặc tệp.
Cách sử dụng
- Đặt độ phức tạp (số điểm) và độ ngẫu nhiên.
- Chọn kích thước và màu tô, hoặc bật gradient.
- Bấm Regenerate cho đến khi bạn ưng ý với hình dạng.
- Sao chép mã SVG hoặc tải tệp .svg.
Điều nên biết
- Mỗi blob là một path SVG duy nhất, dựng từ các điểm quanh một đường tròn và nối bằng đường cong Bézier bậc ba.
- Càng nhiều điểm thì đường viền càng phức tạp; càng ngẫu nhiên thì hình càng ít tròn.
- SVG blob sắc nét ở mọi kích thước và chỉ nặng vài trăm byte.
- Blob thường được dùng làm họa tiết nền, khung avatar và phần phân cách giữa các mục.
- SVG có thể dùng trực tiếp inline, làm nguồn cho thẻ img hoặc làm nền CSS.
Chạy hoàn toàn trong trình duyệt của bạn — không có dữ liệu nào bạn nhập được tải lên hay lưu lại.
Câu hỏi thường gặp
Làm sao để tạo hình blob?
Điều chỉnh độ phức tạp và độ ngẫu nhiên ở đây rồi bấm Regenerate; mỗi lần bấm sẽ vẽ một hình hữu cơ ngẫu nhiên mới mà bạn có thể tải về dạng SVG.
Tôi có thể dùng blob cho mục đích thương mại không?
Có. Các hình được tạo ngẫu nhiên trên thiết bị của bạn, nên bạn có thể dùng chúng trong bất kỳ dự án nào.
Làm sao để dùng SVG blob làm nền?
Lưu tệp và tham chiếu bằng background-image: url(blob.svg), hoặc dán SVG inline và định vị nó phía sau nội dung.
Có thể tạo chuyển động cho blob không?
Có — bạn có thể xoay hoặc phóng to thu nhỏ bằng CSS, hoặc biến đổi giữa hai path có cùng số điểm bằng SMIL hoặc JavaScript.