Công cụ Tạo File SVG từ Blob

SVG Blob Generator xây dựng các hình khép kín hữu cơ, không đều bằng đường cong Bezier bậc ba và xuất chúng dưới dạng markup SVG sẵn sàng để dán. Công cụ lấy mẫu N điểm trên một đường tròn với độ lệch hướng kính ngẫu nhiên, làm mượt chúng bằng phép tính tiếp tuyến dựa trên các điểm lân cận và kết nối tất cả thành một <path> khép kín duy nhất. Bản xem trước trực tiếp và khối mã có thể sao chép giúp bạn lấy kết quả ngay lập tức.

1. Điều chỉnh thanh trượt Complexity (3 to 12) để đặt số điểm neo định hình blob. 2. Điều chỉnh thanh trượt Randomness (0.10 to 1.00) để kiểm soát mức độ mỗi điểm có thể trệch khỏi bán kính cơ sở. 3. Đặt Size (100 to 500px) của viewBox hình vuông. 4. Tùy chọn nâng Stroke Width (0 to 10) để thêm viền cùng màu với phần tô. 5. Chọn Fill Color thông qua mẫu màu. 6. Bấm Randomize (hoặc hơi di chuyển bất kỳ thanh trượt nào) để tạo lại hình. 7. Bấm Copy để sao chép mã SVG đã tạo vào clipboard.

Markup được xuất là một <svg> duy nhất với viewBox hình vuông là 0 0 {size} {size}. Nó chứa một <path> có thuộc tính d là chuỗi các lệnh C (Bezier bậc ba) được đóng bằng Z. Hệ số làm mượt được cố định ở 0.2, được suy ra từ vector giữa các điểm lân cận của mỗi điểm. Khi Stroke Width lớn hơn 0, đường dẫn cũng nhận các thuộc tính stroke và stroke-width đặt cùng màu với phần tô; nếu không, chỉ fill được xuất ra.