Khung nhìn ban đầ u

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

Tác nhân người dùng SVG thoả thuận với tác nhân người dùng cha để xác

định khung nhìn mà tác nhân người dùng SVG sẽ xây dựng nội dung SVG trong đĩ. Trong một số trường hợp, nội dung SVG được nhúng trong một tài liệu khác (tài liệu chứa). Tài liệu chứa này cĩ các thuộc tính và các tham số dùng để chỉ định hay

86

cung cấp các thơng tin về kích thước của khung nhìn cho nội dung SVG. Nội dung SVG, một cách tuỳ chọn, cung cấp thơng tin liên quan đến khung nhìn thích hợp cho nội dung SVG thơng qua thuộc tính ‘width’ và ‘height’ trong thành phần ‘svg’ ngồi cùng. Quá trình thoả thuận sử dụng bất kỳ thơng tin được cung cấp bởi tài liệu chứa và nội dung SVG để chọn vị trí và kích thước khung nhìn cho nội dung SVG.

Thuộc tính ‘width’ trong thành phần ‘svg’ thiết lập chiều dài của khung nhìn, trừ các trường hợp sau:

• Nội dung SVG là một tài nguyên được lưu trữ độc lập và được nhúng bằng tham chiếu (chẳng hạn, nhúng vào tài liệu XHTML qua thành phần ‘object’), hoặc nội dung SVG được nhúng trong một tài liệu chứa.

• Và thành phần đang tham chiếu tới nội dung SVG hay tài liệu chứa

được định kiểu bằng trang định kiểu CSS hay XSL

• Và cĩ các thuộc tính định vị tương thích CSS được chỉ định trong thành phần đang tham chiếu (ví dụ thành phần ‘object’) hay trong thành phần ‘svg’ ngồi cùng của tài liệu chứa cĩ khả năng thiết lập chiều dài của khung nhìn.

Trong các trường hợp này, thuộc tính định vị sẽ thiết lập chiều dài của khung nhìn.

Tương tự, nếu cĩ các thuộc tính định vị được chỉ định trong thành phần tham chiếu tới tập tin SVG hay trên thành phần ‘svg’ ngồi cùng tài liệu chứa cĩ khả

năng thiết lập chiều rộng của khung nhìn, thì khi đĩ các thuộc tính định vị này sẽ

thiết lập chiều rộng của khung nhìn; ngược lại, thuộc tính ‘height’ trên thành phần ‘svg’ ngồi cùng của nội dung SVG sẽ thiết lập chiều rộng của khung nhìn.

Nếu thuộc tính ‘width’ hay ‘height’ trên thành phần ‘svg’ ngồi cùng đo theo

đơn vị ngừơi dùng (khơng cĩ chỉ định đơn vị đo), khi đĩ giá trị này được tính theo

87

Ví dụ 1:

Trong ví dụ sau, một ảnh SVG được nhúng nội tuyến trong một tài liệu XML

được định dạng theo CSS. Bởi vì các thuộc tính định vị CSS khộng được cung cấp trong thành phần ‘svg’ ngồi cùng, nên thuộc tính width= “100px” và height = “200px” xác định kích thước của khung nhìn ban đầu.

<?xml version="1.0" standalone="yes"?> <parent xmlns="http://some.url">

<!-- SVG graphic -->

<svg xmlns='http://www.w3.org/2000/svg'

width="100px" height="200px" version="1.1"> <path d="M100,100 Q200,400,300,100"/>

<!-- rest of SVG graphic would go here --> </svg>

</parent>

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