Chương 2. Các vấn đề tổng quan Cây phân cấp đối tượng này được gọi là Mô hình Đối tượng Tài liệu (DOM). Nó biểu diễn một phương pháp hiệu quả cho việc triệu gọi các thành phần của một trang web. Trong trường hợp của bản đồ, ý nghĩa của cây phân cấp cũng tương tự như vậy. Do đó một chuẩn véc-tơ mới cần phải tuân theo DOM. Ở mức ý niệm, các plugin có thể được tích hợp vào trong DOM. Tuy nhiên, cây phân cấp nằm dưới một plugin thường thích hợp cho các chức năng tuyệt...
Chương Các vấn đề tổng quan Cây phân cấp đối tượng gọi Mơ hình Đối tượng Tài liệu (DOM) Nó biểu diễn phương pháp hiệu cho việc triệu gọi thành phần trang web Trong trường hợp đồ, ý nghĩa phân cấp tương tự Do chuẩn véc-tơ cần phải tuân theo DOM Ở mức ý niệm, plugin tích hợp vào DOM Tuy nhiên, phân cấp nằm plugin thường thích hợp cho chức tuyệt vời plugin, không tạo để làm thuận tiện việc giao tiếp plugin với toàn môi trường Điểm quan trọng cho việc tương tác thường gây xung đột 2.1.4 Ngôn ngữ XML Ý tưởng ban đầu ngôn ngữ XML ngơn ngữ HTML (Hypertext Markup Language), ngơn ngữ dùng để phân chia nội dung, cấu trúc định dạng cách chặt chẽ cho phương tiện kết xuất khác CSS (Cascading Style Sheets) trường hợp có chức trung tâm trình bày thành phần trang web, giống việc định vị chínhh xác ảnh điểm Việc truy cập thông qua DOM đảm bảo giao tiếp cú pháp chuẩn hóa XML chuẩn đa cho tài liệu web có cấu trúc, cho độc lập tối đa mạng hệ Khi sử dụng XML, tài liệu hoàn tồn thích hợp cho việc trao đổi liệu cho loại ứng dụng XML có khả mở rộng nên trở thành tảng hình thức ngơn ngữ cao SMIL (đa phương tiện), SVG (đồ họa vec-tơ), MathML (các định dạng ký hiệu toán học đặc biệt), X3D (đồ họa chiều), XHTML (hậu duệ HTML), XFORM (phát sinh mẫu), GML (địa lý) Các mở rộng từ tổ chức chun nghiệp chí cá nhân đem lại hiệu quả, miễn DTD (Document Type Difinition = Định nghĩa kiểu tài liệu) thêm vào Một vài mở rộng sử dụng W3C chuyên nghiệp hóa, chuẩn hóa quản lý Chú thích: • SMIL = Synchronized Multimedia Language = Ngôn ngữ đa phương tiện đồng hóa 40 Chương Các vấn đề tổng quan • SVG : Scalable Vector Graphics = Đồ họa véc-tơ khả co • MathML : Mathematical Markup Language = Ngơn ngữ đánh dấu tốn học Hình 2.6 Kiến trúc hình thái XML Dữ liệu thực ln sẵn sàng tập tin XML, tập tin tạo thành từ thực thể (được nhận biết thông qua thẻ “tag”) thuộc tính Việc kiểm tra cấu trúc cú pháp thực DTD (Document Type Difinition = Định nghĩa kiểu tài liệu) DTD định nghĩa kiểu liệu, không gian tên (các thẻ định danh tác giả), phân cấp phần giao ngôn ngữ Các thành phần tùy chọn thuộc tính có chúng định nghĩa ngang cấp Các DTD phân tích (parser) sử dụng khả dụng tất ngôn ngữ lập trình, phiên trình duyệt Mục tiêu DTD kiểm tra tập tin DTD phát lỗi Các công nghệ liên quan XML gồm có: • XSL (XstyleSheets): hậu duệ CSS, có khả định dạng nội dung • XLL (XlinkingLanguage): có khả liên kết thành phần phương tiên lại với • XQL (XqueryLanguage): cho phép truy vấn có cấu trúc liệu XML Danh sách mở rộng tương lai Điều có nghĩa véc-tơ nên biểu diễn theo phương thức tương thích với XML 41 Chương Các vấn đề tổng quan 2.1.5 Tổng quan GIS 2.1.5.1 Khái niệm GIS? GIS(Geographic information system-hệ thống thông tin địa lý) hệ thống liệu hỗ trợ người quản lý, khai thác sử dụng cách hiệu thông tin địa lý 2.1.5.2 Các thành phần GIS Một hệ thống GIS gồm thành phần sau: - Phần cứng (hardware): máy tính sử dụng để thực tác vụ GIS - Phần mềm (software): phần mềm cung cấp chức công cụ GIS - Dữ liệu địa lý (geographic data): thành phần quan trọng nhất, lưu trữ thông tin địa lý 2.1.5.3 - Chuyên viên (personnel): nhân viên, chuyên viên phân tích, thiết kế, phát triển, bảo trì hệ thống thơng tin liệu GIS 2.1.5.4 Chức GIS GIS thiết kế nhằm cho phép người sử dụng phân tích, truy vấn liệu không gian GIS tăng cường khả liên kết liệu, tài nguyên với GIS hỗ trợ giúp người đưa giải pháp tốt trình khảo sát địa lý, điều tra, giải tranh chấp lãnh thỗ,… cách trực quan có hiệu GIS cho phép số hóa lưu trữ liệu đồ dễ dàng linh hoạt, cho phép hiệu chỉnh liệu cách dễ dàng Đồng thời từ chép in ấn đồ 2.1.5.5 Các ứng dụng thực tế GIS Với mơ hình quản lý liệu khơng gian, GIS đóng vai trò quan trọng nhiều lĩnh vực như: môi trường, thủy văn, y tế, giao thông, nông nghiệp,… 42 Chương Các vấn đề tổng quan GIS hỗ trợ thu thập thông tin tự nhiên tiến trình xóa mịn đất, bảo tồn sinh thái, thay đổi khí hậu, thiên tai, lũ lụt, quản lý sủ dụng đất, nghiên cứu đất trồng trọt, quản lý tưới tiêu, vùng quy hoạch đô thị, quản lý dân cư, phân tích địa bàn tội phạm, nghiên cứu dịch bệnh,… Một khả thiết thực có sức thu hút lớn ứng dụng GIS giao thông Hỗ trợ định vị, di chuyển, xác định lộ trình vận tải hàng hải, đường bộ,… giải ách tắc giao thông GIS gắn liền với hệ thống định vị toàn cầu GPS (Global Position System) - (đây công nghệ sử dụng rộng rãi Mỹ Canada) GIS cịn có ý nghĩa lớn trị, quân 43 Chương Cấu trúc định dạng tập tin SVG Chương Cấu trúc định dạng tập tin SVG 3.1 Định nghĩa SVG viết tắt Scalable Vector Graphics (tạm dịch đồ họa véc-tơ khả co) SVG ngôn ngữ dành cho nội dung giàu dồ hoạ SVG ngôn ngữ mô tả đồ họa véc-tơ hai chiều ngôn ngữ XML (eXtensible Markup Languge- ngôn ngữ ngữ có khả mở rộng) SVG cho phép ba loại đối tượng đồ họa: hình học đồ họa véc-tơ (ví dụ, đường thẳng đường cong), ảnh đồ họa chữ Các đối tượng đồ họa nhóm lại, định kiểu, biến đối kết hợp từ đối tượng xây dựng trước Tập tính SVG bao gồm phép biến đổi, đường xén, mặt nạ suốt, hiệu ứng lọc đối tượng mẫu Ảnh đồ họa SVG khả tương tác khả động Các ảnh động định nghĩa kích hoạt cách khai báo thành phần ảnh động nhúng trực tiếp nội dung SVG cách viết kịch (script) Các chương trình ứng dụng phức tạp với SVG thực dựa vào ngôn ngữ viết kịch (script) kèm theo để truy cập vào tất thành phần mơ hình đối tượng tài liệu SVG (SVG DOM – SVG Document Object Model) Một tập đầy đủ quản lý kiện (event handlers) chẳn hạn onmouseover onclick gắn vào đối tượng đồ họa để người dùng tương tác với đối tượng đồ hoạ Do khả tương thích với chuẩn Web nên tính viết kịch làm đồng thời XHTML SVG trong Web 3.2 Sự tương thích với chuẩn khác SVG tương thích với chuẩn đặc tả W3C khác Vì tương thích thoả mãn với chuẩn khác nên SVG trở nên mạnh mẽ dễ dàng cho người dùng học hỏi tích hợp SVG vào trang Web họ SVG tương thích với kết khác W3C vì: 44 Chương Cấu trúc định dạng tập tin SVG • SVG ứng dụng XML tương thích với XML 1.0 đưa • SVG tương thích với “các khơng gian tên (namespace)” XML tiến cử • SVG dùng ngơn ngữ liên kết XML (XML Linking Languge-XLINK) cho tham chiếu URL mong muốn hỗ trợ đặc tả URL XML-base • Cú pháp SVG cho việc tham chiếu ID thành phần tập tương thích cú pháp tham chiếu ID thành phần ngôn ngữ trỏ XML (XML Pointer Language-XPointer) • Nội dung SVG định kiểu trang định kiểu phân cấp CSS (Cascading Style Sheets Level 2) hay biến đổi XSL (XSL Transformation Version 1.0-XSLT) • SVG hỗ trợ hướng tiếp cận thuộc tính CSS XSL, cộng thêm ngữ nghĩa tính CSS • Các trang định kiểu bên tham chiếu cách dùng chế kết hợp trang định kiểu với tài liệu XML 1.0 • SVG có mơ hình đối tượng tài liệu hoàn chỉnh (DOM) thoả DOM cấp đưa SVG DOM có mức tương thích kiên định cao với HTML DOM định nghĩa trong đặc tả DOM cấp Hơn nữa, SVG DOM hỗ trợ kết hợp với nhiều khả mô tả DOM cấp 2, bao gồm mơ hình đối tượng CSS quản lý kiện • SVG kết hợp nhiều tính tiếp cận ngơn ngữ tích hợp đa phương tiện khơng đồng (Synchronized Multimedia Integration Language- SMIL1.0), bao gồm thành phần ‘switch’ thuộc tính systemLanguage • Các tính ảnh động SVG hợp tác phát triển với nhóm nghiên cứu đa phương tiện khơng đồng W3C (W3C Synchronized 45 Chương Cấu trúc định dạng tập tin SVG Multimedia –SYMM Working Group), nhà phát triển SMIL 1.0 Các tính ảnh động SVG kết hợp mở rộng khả ảnh động XML mục đích chung mơ tả đặc tả ảnh động SMIL (SMIL Animation) • SVG thiết kế để tương lai phiên SMIL dùng SVG tĩnh hay động thành phần phương tiện truyền thơng (Animation) • SVG cố gắng để đạt tương thích lớn với HTML XHTML 1.0 Nhiều khả SVG làm theo HTML, bao gồm việc sử dụng trang định kiểu CSS, tiếp cận việc quản lý kiện, tiếp cận với mơ hình đối tượng tài liệu (DOM) • SVG tương thích với chuẩn W3C q trình quốc tế hố chuẩn • SVG tương thích với chuẩn W3C khả truy cập Web • Trong môi trường hỗ trợ văn phạm XML khác (ví dụ, XHTML) hỗ trợ SVG SVG DOM, tiếp cập viết kịch đơn giản dùng đồng thời cho tài liệu SVG đồ hoạ SVG, trường hợp hiệu ứng động tương tác áp dụng nhiều không gian tên XML dùng tập kịch 3.3 Loại MIME SVG Không gian tên SVG 3.3.1 Loại MIME SVG, mở rộng tên tập tin loại tập tin Macintosh: Loại MIME cho SVG “image/svg+xml” Việc đăng kí loại MIME tiến hành tổ chức W3C Tập tin SVG có mở rộng “.svg” tất hệ nền, mở rộng cho tập tin nén SVG “.svgz” tất hệ 46 Chương Cấu trúc định dạng tập tin SVG Người ta khuyến cáo rằng, lưu trữ tập tin SVG hệ thống tập tin HFS Macintosh nên lưu với mở rộng “svg” với khoảng trắng cuối, tập tin SVG nén “svgz” 3.3.2 Không gian tên SVG, định danh công cộng định danh hệ thống: Sau không gian tên SVG 1.1, định danh công cộng định danh hệ thống Không gian tên SVG: http://www.w3.org/2000/svg Định danh công cộng cho SVG 1.1: PUBLIC “-//W3C//DTD//DTD SVG 1.1//EN” Định danh hệ thống cho SVG 1.1 tiến cử: http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd Sau ví dụ khai báo loại tài liệu cho tài liệu SVG: Chú ý DTD liệt kê định danh hệ thống DTD mô-đun hố (nội dung trải nhiều tập tin), nghĩa kiểm tra hiệu lực phải tìm hết mơ-đun để kiểm tra giá trị Vì thế, có DTD đơn tương ứng với DTD mơ-đun hố cho SVG 1.1.Nó tìm thấy địa http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat.dtd 3.4 Định nghĩa phân đoạn tài liệu SVG : thành phần ‘SVG’ 3.4.1 Tổng quan: Một phân đoạn tài liệu SVG bao gồm thành phần SVG chứa thành phần ‘svg’ 47 Chương Cấu trúc định dạng tập tin SVG Một phân đoạn tài liệu SVG rỗng, nghĩa thành phần ‘svg’ khơng có nội dung Một phân đoạn tài liệu SVG đơn giản chứa thành phần đồ hoạ SVG đơn giản thành phần ‘rect’ – hình chữ nhật Một phân đoạn tài liệu SVG phức tạp bao gồm nhiều thành phần vật chứa thành phần đồ hoạ lồng vào Một phân đoạn tài liệu SVG đứng độc lập tập tin SVG, thành phần ‘svg’ khác, trường hợp phân đoạn tài liệu SVG xem tài liệu SVG, nhúng nội tuyến tài liệu XML cha Sau ví dụ nội dung SVG đơn giản nhúng nội tuyến tài liệu XML cha Chúng ta dùng không gian tên XML để định thành phần ‘svg’ ‘ellipse’ thuộc không gian tên SVG tường minh Tiếp theo ví dụ phức tạp, gồm nhiều hình chủ nhật, tài liệu SVG độc lập 48 Chương Cấu trúc định dạng tập tin SVG Four separate rectangles Kết trình duyệt là: Hình 3.1 Minh họa nội dung SVG nhúng nội tuyến Các thành phần phần ‘svg’ xuất nội dung SVG Đây chế để nhúng phân đoạn tài liệu SVG vào phân đoạn tài liệu SVG khác Thành phần ‘svg’ xuất nội dung SVG để thiết lập khung nhìn cho phân đoạn tài liệu Trong tất trường hợp, để thoả mãn khơng gian tên ngơn ngữ XML đưa ra, khơng gian tên SVG phải khai báo để thành phần SVG định thuộc không gian tên SVG Sau cách khai báo không gian tên Chúng ta dùng thuộc tính khơng gian tên xmlns khơng có tiền tố khơng gian tên định thành phần ‘svg’ Khi SVG không gian 49 Chương Cấu trúc định dạng tập tin SVG tên mặc định cho tất thành phần phạm vi thành phần ‘svg’ với thuộc tính xmlns sau: Nếu tiền tố không gian tên định thuộc tính xmlns (ví dụ, xmlns:svg=”http://www.w3.org/2000/svg”), khơng gian tên SVG khơng cịn khơng gian tên mặc định Vì tiền tố khơng gian tên gán rõ ràng cho thành phần phân đoạn tài liệu SVG đó: Và điều cuối phần cần lưu ý tiền tố khơng gian tên định thành phần cha mà không thiết phải thành phần ‘svg’ 3.4.2 Thành phần ‘svg’: Các thuộc tính thành phần ‘svg’: xmlns:[:prefix] = “tên nguồn tài nguyên” Là thuộc tính XML chuẩn dùng để định danh không gian tên XML version= “” Chỉ định phiên ngôn ngữ SVG mà phân đoạn SVG thoả mãn Với SVG 1.0, thuộc tính có giá trị “1.0” Đối với SVG 1.1, thuộc tính nhận giá trị “1.1” baseProfile= profile –name Thuộc tính mơ tả trạng ngơn ngữ SVG nhỏ cần để xây dựng nội dung xác Nó không định ràng buộc xử lý cho tác nhân người dùng (user agent); xem siêu liệu Ví dụ, giá trị thuộc tính 50 Chương Cấu trúc định dạng tập tin SVG dùng công cụ tạo nội dung SVG để cảnh báo người dùng họ chỉnh sửa tài liệu vượt phạm vi baseProfile định Mỗi tập tin trạng SVG (baseProfile) nên định nghĩa chuỗi tương ứng cho thuộc tính Mặc định giá trị thuộc tính ‘none’ định x=”” Thuộc tính khơng có ý nghĩa hay ảnh hưởng tới thành phần ‘svg’ ngồi Nó toạ độ trục x góc trái phạm vi hình chữ nhật (khung nhìn) mà thành phần ‘svg’ nhúng vào hiển thị Giá trị mặc định y=”” Thuộc tính khơng có ý nghĩa hay ảnh hưởng tới thành phần ‘svg’ ngồi Nó toạ độ trục y góc trái phạm vi hình chữ nhật mà thành phần ‘svg’ nhúng vào hiển thị Giá trị mặc định width= “” Đối với thành phần ‘svg’ phía ngồi thuộc tính cho biết độ rộng thực phân đoạn tài liệu SVG Còn thành phần ‘svg’ nhúng vào độ dài phạm vi hình chữ nhật mà thành phần ‘svg’ đặt vào Nếu giá trị thuộc tính âm có lỗi phát sinh Giá trị mặc định 100% height = “” Đối với thành phần ‘svg’ phía ngồi thuộc tính cho biết chiều cao thực phân đoạn tài liệu SVG Còn thành phần ‘svg’ nhúng vào chiều cao phạm vi hình chữ nhật mà thành phần ‘svg’ đặt vào 51 Chương Cấu trúc định dạng tập tin SVG Nếu giá trị âm có lỗi phát sinh Giá trị mặc định 100% Nếu tài liệu SVG tham chiếu thành phần tài liệu khác nên thêm thuộc tính viewBox thành phần ‘svg’ tài liệu tham chiếu Thuộc tính cung cấp cách thuận tiện để thiết kế tài liệu SVG vừa vặn với khung nhìn tuỳ biến định 3.5 Gom nhóm : thành phần ‘g’: Thành phần ‘g’ thành phần vật chứa để nhóm thành phần đồ hoạ với Khi gom nhóm kết hợp với thành phần ‘desc’- mô tả thành phần ‘title’ - tiêu đề cung cấp thông tin cấu trúc tài liệu nhiều ngữ nghĩa Các tài liệu giàu cấu trúc tăng khả truy xuất Một nhóm thành phần, đối tượng đơn lẻ, cung cấp định danh thuộc tính id Việc đặt tên nhóm cần thiết trường hợp tạo ảnh động hay đối tượng dùng lại Ví dụ: Two groups, each of two rectangles 52 Chương Cấu trúc định dạng tập tin SVG Kết trình duyệt là: Hình 3.2 Minh họa thành phần gom nhóm ‘g’ Một thành phần SVG chứa thành phần ‘g’ lồng vào đến độ sâu thích hợp Ví dụ: Groups can nest Còn thành phần SVG khơng chứa thành phần ‘g’ đựơc xem nhóm riêng 3.6 Tham chiếu thành phần ‘defs’: 3.6.1 Tổng quan: SVG mở rộng khả dùng tham chiếu URI tới đối tượng khác Ví dụ, để tơ hình chữ nhật với màu tuyến tính, trước tiên cần định nghĩa thành phần 'linearGradient' gán cho ID sau: 53 Chương Cấu trúc định dạng tập tin SVG Sau thành phần ‘rect’ dùng thuộc tính ‘fill’ tham chiếu tới thành phần ‘linearGradient’ sau: Tham chiếu URI định nghĩa theo dạng sau: = [ | ] [ "#" ] -hay = [ | ] [ "#xpointer(id(" "))" ] định danh thành phần tham chiếu URI tuyệt đối URI tương đối # #xpointer(id()) phát biểu theo cú pháp tương thích với ngơn ngữ trỏ XML (XML Pointer Language - XPointer) SVG hỗ trợ hai kiểu tham chiếu URI: • Tham chiếu URI cục (local URI references), tham chiếu URI khơng chứa hay chứa định danh phân đoạn tham chiếu #elementID hay #xpointer(id) • Tham chiếu URI khơng cục (non-local URI references), tham chiếu URI chứa Sau nguyên tắc xử lý tham chiếu URI: • Các tham chiếu URI tới nút (node) không tồn xem tham chiếu khơng hợp lệ • Các tham chiếu URI tới thành phần không với tham chiếu cho xem tham chiếu không hợp lệ, ví dụ thuộc tính ‘clip-path’ tham chiếu tới thành phần ‘clipPath’ Thiết lập thuộc tính clip-path:url(#MyElement) tham chiếu 54 Chương Cấu trúc định dạng tập tin SVG không hợp lệ thành phần tham chiếu (MyElement) khơng phải ‘clipPath’ • Tham chiếu URI tham chiếu trực tiếp hay gian tiếp ngược trở lại tham chiếu vịng khơng hợp lệ Như SVG có thành phần thuộc tính cho phép tham chiếu có phần thuộc tính khơng cho phép tham chiếu Đối với thành phần tham chiếu có thành phần tham chiếu hợp lệ cho tham chiếu không hợp lệ cho tham chiếu khác tới Sau phần liệt kê mơ tả số thành phần thuộc tính cho phép tham chiếu đích tham chiếu hợp lệ cho tham chiếu đó: • Thành phần ‘a’ tham chiếu tới nguồn tài nguyên cục hay khơng cục • Thành phần ‘altGlyph’ phải tham chiếu tới thành phần ‘altGlyphDef’ hay thành phần ‘glyph’ • Thành phần ‘animate’ (xin vui lịng xem phần mô tả chi tiết thành phần ‘animate’ đặc tả SVG W3C) • Thành phần ‘animateColor’ (xin vui lịng xem phần mơ tả chi tiết thành phần ‘animate’ đặc tả SVG W3C) • Thành phần ‘animateTransform’ (xin vui lịng xem phần mơ tả chi tiết thành phần ‘animate’ đặc tả SVG W3C) • Thuộc tính ‘clip-path’ phải tham chiếu tới thành phần ‘clipPath’ • Thuộc tính ‘cursor’ phải tham chiếu tới nguồn tài nguyên cung cấp hình ảnh cho trỏ chuột • Thành phần ‘felImage’ phải tham chiếu tới nguồn tài ngn cục hay khơng cục • Thuộc tính ‘fill’ tham chiêu tới thành phần ‘linearGradient’… • Thành phần ‘filter’ phải tham chiếu tới thành phần ‘filter’ • Thuộc tính ‘filter’ phải tham chiếu đến thành phần ‘filter’ 55 Chương Cấu trúc định dạng tập tin SVG • Thành phần ‘image’ phải tham chiếu nguồn tài nguyên cục hay không cục • Thành phần ‘linearGradient’ phải tham chiếu tới thành phần ‘linearGradient’ hay ‘radialGradient’ • Thuộc tính ‘marker’, ‘marker-start’, ‘marker-mid’ ‘marker-end’ phải tham chiếu tới thành phần ‘marker’ • Thuộc tính ‘mask’ phải tham chiếu tới thành phần ‘mask’ • Thành phần ‘pattern’ phải tham chiếu tới thành phần ‘linearGradient’ hay thành phần ‘radialGradient’ • Thành phần ‘script’ phải tham chiếu tới nguồn tài nguyên bên ngồi cung cấp nội dung script • Thuộc tính ‘stroke’ tham chiếu tới màu hay thành phần màu ‘linearGradient’ chẳng hạn • Thành phần textpath phải tham chiếu tới thành phần ‘path’ • Thành phần ‘tref’ tham chiếu tới thành phần SVG • Thành phần ‘set’ nhắc đến phần mô tả chi tiết thành phần ‘animate’ • Thành phần ‘use’ tham chiếu tới nguồn tài nguyên cục hay không cục Sau quy tắc dùng xử lý tham chiếu URI khơng hợp lệ: • Một tham chiếu URI cục không hợp lệ (nghĩa tham chiếu tới nút tài liệu tại) phát sinh lỗi, ngoại trừ thuộc tính xlink:href thành phần ‘a’ thuộc tính cho phép liệu phòng hờ trường hợp giá trị tham chiếu URI khơng hợp lệ • Một tham chiếu vịng khơng hơp lệ phát sinh lỗi • Khi thuộc tính externalResourcesRequired thiết lập ‘true’ thành phần tham chiếu thành phần cha tham chiều URI ngoại khơng đáp lại phát 56 Chương Cấu trúc định dạng tập tin SVG sinh lỗi (ví dụ , trường hợp nguồn tài nguyên định vị được) Như để tránh việc tham chiếu ngoại dễ phát sinh lỗi nên định nghĩa thành phần tham chiếu bên thành phần ‘defs’ Cụ thể thành phần thường tham chiếu như: 'altGlyphDef', 'clipPath', 'cursor', 'filter', 'linearGradient', 'marker', 'mask', 'pattern', 'radialGradient' 'symbol' Định nghĩa thành phần thành phần ‘defs’ làm cho nội dung SVG dễ hiểu tăng khả truy xuất đặt chúng tài liệu bên khác 3.6.2 Các thuộc tính tham chiếu URI: Tham chiếu URI định thuộc tính ‘href’ không gian tên XLINK Nếu tiền tố mặc định ‘xlink:’ dùng cho thuộc tính khơng gian tên XLink thuộc tính phải định xlink:href Giá trị thuộc tính tham chiếu URI đến nguồn tài nguyên (phân đoạn tài nguyên) mong muốn Nhưng để thỏa không gian tên XML cần khai báo khơng gian tên XLink rõ ràng dùng thuộc tính XLink nội dung SVG Cách đơn giản để khai báo không gian tên XLink dùng thuộc tính xmlns thành phần ‘svg’ nội dung bên dùng thuộc tính Xlink Ví dụ: Ngồi thuộc tính xlink:href cịn có thuộc tính XLink khác định để cung cấp thông tin bổ sung nguồn tài nguyên tham chiếu, khơng trình bày 57 Chương Cấu trúc định dạng tập tin SVG 3.6.3 Thành phần ‘defs’ Thành phần ‘defs’ thành phần vật chứa thành phần tham chiếu Người ta khuyên nên định nghĩa thành phần tham chiếu bên thành phần ‘defs’ để dễ hiểu Mơ hình nội dung thành phần ‘defs’ tương tự thành phần ‘g’ Do thành phần ‘g’ chứa thành phần (là thành phần ‘g’ này) thành phần ‘defs’ chứa thành phần ngược lại Các thành phần ‘defs’ không trực tiếp hiển thị; chúng không tham gia vào hiển thị Như thành phần ‘def’ thành phần ‘g’ với thuộc tính ‘display’ thiết lập ‘none’ Tuy thành phần ‘defs’ không tham gia vào trình diễn ln có mặt nguồn Do thành phần khác tham chiếu tới Đồng thời giá trị thuộc tính ‘display’ thành phần ‘defs’ hay thuộc tính thành phần không ảnh hưởng tới việc thành phần khác tham chiếu tới Ví dụ: Local URI references within ancestor's 'defs' element. 58 Chương Cấu trúc định dạng tập tin SVG Kết trình duyệt là: Hình 3.3 Minh họa thành phần ‘defs’ Trong tài liệu trên, thành phần linearGradient định nghĩa thành phần ‘defs’ thành phần ‘svg’, cha thành phần ‘rect’ tham chiếu tới thành phần linearGradient Như thành phần tham chiếu đặt thành ‘defs’ để dễ hiểu ? Tốt đặt thành phần tham chiếu thành phần ‘defs’ trực tiếp số thành phần cha thành phần tham chiếu tới Và ví dụ xây dựng ngun tắc Hình sau minh họa cho ví dụ trên: svg defs linearGradien … rect … Hình 3.4 Cây DOM nội dung SVG cho ví dụ hình chữ nhật tơ tuyến tính 3.7 Thành phần ‘desc’ ‘title’: Mỗi thành phần vật chứa hay thành phần đồ họa SVG cung cấp chuỗi mơ tả thành phần ‘desc’ hay ‘title’ Khi phân đoạn tài liệu SVG 59 ... SVG đó: < /svg: svg> Và điều cuối phần cần lưu ý tiền tố không gian tên định thành phần cha mà không thiết phải thành phần ? ?svg? ?? 3. 4.2... http://www.w3.org/Graphics /SVG/ 1.1/DTD /svg1 1.dtd Sau ví dụ khai báo loại tài liệu cho tài liệu SVG: ... đồng thời cho tài liệu SVG đồ hoạ SVG, trường hợp hiệu ứng động tương tác áp dụng nhiều khơng gian tên XML dùng tập kịch 3. 3 Loại MIME SVG Không gian tên SVG 3. 3.1 Loại MIME SVG, mở rộng tên tập