Phần tử SVG cho phép chúng tôi xác định các mẫu bên trong đánh dấu SVG của chúng tôi và sử dụng các mẫu đó như một fill. Quy trình cơ bản cho các mẫu diễn ra như sau:
- Xác định
bên trong SVG - Xác định các hình dạng bên trong của mẫu
- Sử dụng các hình dạng
- Tạo một hình dạng mới và tô nó với mẫu
Đây là tập hợp các hình dạng SVG đơn giản được sử dụng làm mẫu. Danh sách này có thể phát triển theo thời gian nhưng ý tưởng là không có một bộ sưu tập toàn diện hơn là có cú pháp hữu ích làm điểm khởi đầu để tạo ra các mẫu mới và thú vị.
Chúng tôi cũng đang lưu giữ một bộ sưu tập những thứ này trên CodePen.
Hình tròn
Hình bàn cờ
Hình lục giác
Hình khối
Mô hình Chevron
Nếu bạn muốn chơi trong thời gian thực với các thuộc tính khác nhau của một mẫu để cảm nhận cách hoạt động của mẫu, hãy thử cách này: