Gom nhĩm : thành phần ‘g’:

Một phần của tài liệu tìm hiểu SVG và ứng dụng (Trang 53 - 54)

Thành phần ‘g’ là một thành phần vật chứa để nhĩm các thành phần đồ hoạ

với nhau. Khi gom nhĩm kết hợp với các thành phần ‘desc’- mơ tả và thành phần ‘title’ - tiêu đề sẽ cung cấp thơng tin về cấu trúc tài liệu và nhiều ngữ nghĩa hơn. Các tài liệu giàu cấu trúc sẽ tăng khả năng truy xuất hơn.

Một nhĩm các thành phần, cũng như các đối tượng đơn lẻ, cĩ thểđược cung cấp một định danh bằng thuộc tính id. Việc đặt tên nhĩm là cần thiết trong trường hợp tạo ảnh động hay các đối tượng dùng lại.

Ví dụ:

<?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"

"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="5cm" height="5cm" version="1.1"

xmlns="http://www.w3.org/2000/svg"> <desc>Two groups, each of two rectangles </desc>

<g id="group1" fill="red" >

<rect x="1cm" y="1cm" width="1cm" height="1cm" /> <rect x="3cm" y="1cm" width="1cm" height="1cm" /> </g>

<g id="group2" fill="blue" >

<rect x="1cm" y="3cm" width="1cm" height="1cm" /> <rect x="3cm" y="3cm" width="1cm" height="1cm" /> </g>

<!-- Show outline of canvas using 'rect' element -->

<rect x=".01cm" y=".01cm" width="4.98cm" height="4.98cm"

fill="none" stroke="blue" stroke-width=".02cm" /> </svg>

53 Kết quả trên trình duyệt sẽ là: Hình 3.2. Minh họa thành phần gom nhĩm ‘g’ Một thành phần SVG cĩ thể chứa các thành phần ‘g’ lồng vào trong nĩ đến một độ sâu thích hợp. Ví dụ: <?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"

"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="4in" height="3in" version="1.1"

xmlns="http://www.w3.org/2000/svg"> <desc>Groups can nest

</desc> <g> <g> <g> </g> </g> </g> </svg>

Cịn bất kỳ thành phần SVG nào khơng chứa trong thành phần ‘g’ thì đựơc xem như là một nhĩm riêng.

Một phần của tài liệu tìm hiểu SVG và ứng dụng (Trang 53 - 54)

Tải bản đầy đủ (PDF)

(195 trang)