Giới thiệu về SVG

SVG là ngôn ngữ sử dụng XML để mô tả hình ảnh hai chiều và các chương trình vẽ

Kiến thức cơ bản cần có trước khi học:

Trước khi tiếp tục học, bạn nên có kiến thức cơ bản về các nội dung sau:

  • HTML
  • Cơ sở XML

Nếu bạn muốn học nội dung này trước tiên, hãy truy cập trang web của chúng tôiTrang chủChọn hướng dẫn phù hợp

SVG là gì?

  • SVG là viết tắt của Scaler Vector Graphics (Hình ảnh vector có thể mở rộng)
  • SVG được sử dụng để định nghĩa các hình ảnh vector dựa trên mạng
  • SVG sử dụng định dạng XML để định nghĩa hình ảnh
  • SVG không mất đi chất lượng hình ảnh khi phóng to hoặc thay đổi kích thước
  • SVG là tiêu chuẩn của Liên minh万维网
  • SVG và các tiêu chuẩn W3C khác như DOM và XSL là một hệ thống thống nhất

SVG là tiêu chuẩn khuyến nghị của W3C

SVG đã trở thành tiêu chuẩn khuyến nghị của W3C vào ngày 14 tháng 1 năm 2003.

Nếu bạn muốn đọc thêm thông tin về hoạt động SVG của W3C, hãy truy cập trang web của chúng tôi Hướng dẫn W3C。

Lịch sử và ưu điểm của SVG

Vào tháng Một năm 2003, SVG 1.1 được xác định là tiêu chuẩn W3C.

Các tổ chức tham gia định nghĩa SVG có: Sun Microsystems, Adobe, Apple, IBM và Kodak.

Ưu điểm của việc sử dụng SVG so với các định dạng hình ảnh khác là:

  • SVG có thể được rất nhiều công cụ đọc và chỉnh sửa (ví dụ: Notepad)
  • So với hình ảnh JPEG và GIF, kích thước của SVG nhỏ hơn và khả năng nén mạnh hơn.
  • SVG là có thể mở rộng
  • Hình ảnh SVG có thể in với chất lượng cao ở bất kỳ độ phân giải nào
  • SVG có thể được phóng to mà không làm giảm chất lượng hình ảnh
  • Text trong ảnh SVG là tùy chọn, đồng thời cũng có thể tìm kiếm được (rất phù hợp để tạo bản đồ)
  • SVG có thể chạy cùng với công nghệ Java
  • SVG là tiêu chuẩn mở
  • Tệp SVG là XML thuần túy

Đối thủ chính của SVG là Flash.

So với Flash, ưu điểm lớn nhất của SVG là tương thích với các tiêu chuẩn khác (ví dụ: XSL và DOM). Còn Flash là công nghệ tư nhân không mở nguồn.

Xem tệp SVG

Ngày nay, tất cả các trình duyệt đều hỗ trợ tệp SVG, trừ Internet Explorer cần cài đặt phần mềm bổ sung. Phần mềm bổ sung là miễn phí, chẳng hạn như Adobe SVG Viewer。