Bước tới nội dung

SVG

Bách khoa toàn thư mở Wikipedia
Scalable Vector Graphics
Kiểu phương tiệnimage/svg+xml[1][2]
Phát triển bởiW3C
Phát hành lần đầu4 tháng 9 năm 2001 (23 năm trước) (2001-09-04)
Bản mới nhất1.1 (Second Edition) / 16 tháng 8 năm 2011; 13 năm trước (2011-08-16)
Kiểu định dạngĐồ họa vector
Tiêu chuẩnW3C SVG
Định dạng mở?Có
Websitewww.w3.org/Graphics/SVG/

SVG (viết tắt của Scalable Vector Graphics) là một ngôn ngữ đánh dấu (markup language) XML và dùng để miêu tả các hình ảnh đồ họa véc tơ hai chiều, tĩnh và hoạt hình, thường dành cho ứng dụng trên các trang mạng. SVG thuộc tiêu chuẩn mở và được quản lý bởi tổ chức World Wide Web Consortium, một tổ chức quản lý nhiều chuẩn khác như HTML, XHTML... Các tập tin có đuôi ".svg" được mặc định hiểu là tập tin SVG. SVG có thể phóng to thu nhỏ mọi kích cỡ mà không giảm chất lượng hình ảnh. Vì thế, nó được dùng nhiều trong các bản đồ, sơ đồ.

Đối thủ chính của SVG là Macromedia Flash, nhưng Macromedia Flash không phải là một chuẩn mở.

Ưu điểm

[sửa | sửa mã nguồn]

Vì là định dạng đồ họa vectơ, lợi điểm của SVG là khả năng hiển thị tốt ở mọi kích cỡ và độ phân giải. Với một kích thước tương tự, một tập tin SVG có thể chứa nhiều thông tin hơn là một tập tin định dạng nhị phân khác (GIF, PNG,...).

SVG là một chuẩn mở, nó cho phép việc tùy biến theo mục đích sử dụng một cách dễ dàng. Các hình ảnh SVG có thể được dễ dàng sửa chữa và phát triển sau này, khác với đồ họa mảng thường là sản phẩm cuối cùng của các xử lý ảnh, không chứa mã nguồn các lớp ảnh.

Các tập tin SVG ở dạng văn bản, việc chỉnh sửa có thể thực hiện bằng các trình soạn thảo đơn giản nhất.

Nhược điểm

[sửa | sửa mã nguồn]

SVG là ngôn ngữ không được thiết kế để sửa chữa trực tiếp trên mã nguồn. Để tạo ra các hình ảnh SVG nói chung, cần dùng các công cụ hỗ trợ.

Dù SVG có thể là một lựa chọn cho hình ảnh của các trang mạng trong tương lai không xa, nó vẫn còn khá mới mẻ và cần sự hỗ trợ từ các trình duyệt mạng. Hiện nay Firefox đã hỗ trợ tương đối đầy đủ cho SVG, tuy nhiên Internet Explorer 8 và một số trình duyệt khác cần có plug-in đặt riêng lẻ.

Trình duyệt và phần mềm hỗ trợ

[sửa | sửa mã nguồn]

Sự phổ biến của SVG trên mạng mới ở giai đoạn bắt đầu. Lý do là các đồ họa mảng đã là thói quen khó bỏ.

Một số wiki đã thử cho phép người sử dụng thay đổi trực tiếp mã SVG để sửa hình ảnh, tuy nhiên lợi ích từ việc này hiện còn hạn chế. Hiện Wikipedia chỉ hỗ trợ hiển thị định dạng SVG. Tuy nhiên việc truyền lên các tập tin SVG cho Wikipedia được khuyến khích do chúng có mã nguồn mở, giúp dễ dàng được sửa chữa và phát triển sau này, khác với đồ họa mảng thường là sản phẩm cuối cùng của các xử lý ảnh, không chứa mã nguồn các lớp ảnh.

Plugin

[sửa | sửa mã nguồn]

Một số trình duyệt, như Internet Explorer, cần plugin để hiển thị hình ảnh ở định dạng SVG. Các plug-in hỗ trợ SVG như:

Hỗ trợ trực tiếp

[sửa | sửa mã nguồn]
  • Trình duyệt Opera từ phiên bản 8.0 Beta 3 trở đi hỗ trợ SVG 1.1 Tiny.
  • Trình duyệt Mozilla Firefox từ phiên bản 1.5 Beta 1 hỗ trợ không đầy đủ cho SVG 1.1 Full.
  • Trình duyệt Amaya hỗ trợ một phần SVG.
  • Trình duyệt Konqueror có hỗ trợ tương đối đầy đủ qua plugin KSVG. Phiên bản 2 của plugin này sắp được cho vào hỗ trợ trực tiếp trong trình duyệt.
  • Trình duyệt Safari cũng sắp dùng KSVG cho hỗ trợ trực tiếp.
  • Batik SVG Toolkit có thể được dùng trong các chương trình Java để hiện thị hay xử lý hình ảnh SVG.

Trên các phương tiện di động

[sửa | sửa mã nguồn]

Ikivo và Bitflash hỗ trợ dùng SVG trên điện thoại di động. Bitflash và Intesis có thể dùng cho PDA. Macromedia Flash Lite của Macromedia có thể hỗ trợ SVG Tiny từ phiên bản 1.1.

Công cụ

[sửa | sửa mã nguồn]

Ví dụ

[sửa | sửa mã nguồn]
    <?xml version="1.0" standalone="no" ?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg width=100% height=100% version="1.1" xmlns="http://www.w3.org/2000/svg/">
        <circle cx="50" cy="50" r="50" stroke="yellow" stroke-width="3" fill="blue" />
    </svg>

Xem thêm

[sửa | sửa mã nguồn]

Tham khảo

[sửa | sửa mã nguồn]
  1. ^ “Media Type Registration for image/svg+xml”. W3C. Truy cập ngày 5 tháng 2 năm 2014.
  2. ^ “XML Media Types”. Truy cập ngày 5 tháng 2 năm 2014.

Liên kết ngoài

[sửa | sửa mã nguồn]
Chính thức
Phần mềm
Thư viện
Hướng dẫn
Các hình ảnh SVG
Lấy từ “https://vi.wikipedia.org/w/index.php?title=SVG&oldid=71825218”