Trước khi bắt đầu tạo một trình kết xuất tuỳ chỉnh, bạn nên hiểu rõ các thành phần tạo nên trình kết xuất, cũng như cách một khối được chia thành các hàng và phần tử.
Thành phần trình kết xuất
Trình kết xuất được xây dựng từ nhiều thành phần. Mỗi thành phần có một công việc duy nhất để tối đa hoá khả năng sử dụng lại và mở rộng mã.
Trình kết xuất
Trình kết xuất là một lớp nhà máy (factory class) gói tất cả thành phần khác lại với nhau.
Trình cung cấp cố định
Trình cung cấp hằng số là một tập hợp các số và hình dạng được tất cả các thành phần khác cũng như các trường tích hợp sẵn sử dụng.
Thông tin kết xuất
Thông tin kết xuất quyết định cách bố trí khối dựa trên định nghĩa, sau đó tạo một tập hợp các thành phần có thể đo lường và dữ liệu về khối mà ngăn sử dụng để tạo đường dẫn SVG.
Đối tượng đường dẫn
Đối tượng đường dẫn chứa các phần tử SVG nằm trong miền và tạo nên một khối.
Ngăn
Ngăn (như trong "một người vẽ") tạo đường dẫn SVG dựa trên thông tin kết xuất và áp dụng chúng cho đối tượng đường dẫn.
Chặn các chỉ số có thể đo lường
Một hình chữ nhật có thể đo lường là hình chữ nhật đại diện cho một vùng của một khối. Dữ liệu có thể đo lường là những gì mà thông tin kết xuất sử dụng để xác định bố cục của khối.
Một số thành phần có thể đo lường cũng bao gồm dữ liệu bổ sung (chẳng hạn như hình ảnh trực quan mà chúng đang đại diện) hoặc các phương thức trợ giúp mà thông tin kết xuất có thể dùng để tìm cách bố trí khối.
Các trình kết xuất khác nhau có thể tạo các dữ liệu đo lường tuỳ chỉnh để thay đổi những dữ liệu này hoặc các phương thức trợ giúp.
Hàng
Hàng là một tập hợp theo chiều ngang gồm các phần tử và dấu cách phần tử.
Miếng đệm hàng
Khoảng đệm hàng là một không gian dọc trống giữa 2 hàng.
Các phần tử
Phần tử đại diện cho một đối tượng trực quan trên một khối. Các thuộc tính này bao gồm các trường, biểu tượng, kết nối, v.v.
Dấu cách phần tử
Khoảng cách giữa các phần tử là một không gian trống giữa các phần tử trong một hàng.
