Thuộc tính ‘overflow’ và ‘clip’

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

Thuộc tính ‘overflow’ nhận một trong các giá trị “visible”, “hidden”, “scroll”, “auto”, “inherit”.

Thuộc tính này được dùng cho các thành phần thiết lập khung nhìn mới, thành phần ‘pattern’, và thành phần ‘marker’.

Thuộc tính này khơng được kế thừa.

Cần lưu ý các điểm sau đối với thuộc tính ‘overflow’:

• Thuộc tính ‘overflow’ áp dụng cho các thành phần thiết lập khung nhìn mới (ví dụ, thành phần ‘svg’), thành phần ‘pattern’ và thành phần

115

‘marker’. Các thành phần khác khơng chịu ảnh hưởng từ thuộc tính này (nghĩa là một hình chữ nhật xén khơng được tạo).

• Đối với các thành phần cĩ thể áp dụng thuộc tính ‘overflow’, nếu thuộc tính ‘overflow’ cĩ giá trị “hidden” hoặc “scroll”, kết quả là đường xén hình dạng hình chữ nhật được tạo ra. Kết quả này tương đương với việc

định nghĩa một thành phần ‘clipPath’ cĩ nội dung là một thành phần ‘rect’; sau đĩ thành phần ‘clipPath’ này được thành phần cho sẵn (thành phần tạo khung nhìn) tham chiếu tới bằng thuộc tính ‘clipPath’ thơng qua <uri>.

• Nếu thuộc tính ‘overflow’ cĩ giá trị khác ‘hidden’ hoặc ‘scroll’ thì thuộc tính này khơng ảnh hưởng gì cả (đường xén hình chữ nhật khơng

đươc tạo).

• Trong nội dung SVG, giá trị ‘auto’ bằng với “visible”.

• Khi thành phần ‘svg’ ngồi cùng được nhúng nội tuyến trong một văn phạm XML cha dùng trang định kiểu phân lớp CSS hoặc trang định dạng XSL: nếu thuộc tính ‘overflow’ cĩ giá trị ‘hidden’ hay ‘scroll’, thì tác nhân người dùng sẽ thiết lập một đường xén bằng với đường bao của khung nhìn ban đầu. Ngược lại, đường xén sẽđược thiết lập tùy vào quy tắc xén được định nghĩa trong trang định kiểu phân lớp.

• Khi thành phần ‘svg’ ngồi cùng là một tài liệu độc lập hay được nhúng nội tuyến trong văn phạm XML cha khơng dùng trang định kiểu phân lớp CSS hay trang định dạng XSL, thì thuộc tính ‘overflow’ trên thành phần ‘svg’ ngồi cùng bị bỏ qua. Lý do của việc này là mục đích hiển thị. Đường xén ban đầu được thiết lập tương ứng với đường bao của khung nhìn ban đầu.

• Giá trị khởi tạo của thuộc tính ‘overflow’ là “visible”. Tuy nhiên, trang

116

giá trị ‘overflow’ của thành phần thiết lập khung nhìn mới (ví dụ, thuộc tính ‘svg’), thành phần ‘pattern’ và thành phần ‘marker’. Giá trị được thíết lập là ‘hidden’.

Như kết quảở trên, ứng xử mặc định của tác nhân người dùng SVG là thiết lập một đường xén ứng với đường bao của khung nhìn ban đầu và thiết lập một đường xén mới cho mỗi thành phần thiết lập khung nhìn mới và mỗi thành phần ‘pattern’ và ‘marker’.

Thuộc tính clip:

clip = <shape>|auto|inherit

Thuộc tính ‘clip’ cĩ cùng giá trị tham số như được định nghĩa trong [CSS2- clip]. Giá trị khơng cĩ đơn vị kèm theo sẽđược tính theo đơn vị của hệ trục toạđộ

hiện tại. Giá trị “auto” định nghĩa một đường xén trùng với đường bao của khung nhìn được tạo bởi thành phần cho sẵn.

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