SVG
Bài viết này cần thêm chú thích nguồn gốc để kiểm chứng thông tin. |
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ơ đồ.
Kiểu phương tiện |
|
---|---|
Phát triển bởi | W3C |
Phát hành lần đầu | 4 tháng 9 năm 2001 |
Bản mới nhất | 1.1 (Second Edition) / 16 tháng 8 năm 2011 |
Kiểu định dạng | Đồ họa vector |
Tiêu chuẩn | W3C SVG |
Định dạng mở? | Có |
Website | www |
Đố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ửaVì 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ửaSVG 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ửaSự 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ửaMộ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- 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ửaIkivo 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- Các phần mềm xử lý đồ họa véc tơ như Adobe Illustrator hay Corel Draw đều hỗ trợ xuất và nhập dưới định dạng SVG.
- OpenOffice.org Draw từ phiên bản 1.1 có thể xuất tập tin SVG. Từ Draw 2.0, có thêm plugin nhập SVG.
- Inkscape, một phần mềm mã nguồn mở cho nhiều hệ điều hành xử lý đồ họa véc tơ, dùng định dạng mặc định SVG. Sodipodi một phần mềm tổ tiên của Inkscape, vẫn đang được phát triển.
- Skencil một phần mềm mã nguồn mở xử lý đồ họa véc tơ khác, cũng xuất và nhập SVG.
- SVGmaker tạo tập tin SVG từ các trình thông thường trong Windows.
- Sketsa Lưu trữ 2006-04-09 tại Wayback Machine là một phần mềm xử lý SVG có bản quyền.
Ví dụ
sửa <?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ửaTham khảo
sửa- ^ “Media Type Registration for image/svg+xml”. W3C. Truy cập ngày 5 tháng 2 năm 2014.
- ^ “XML Media Types”. Truy cập ngày 5 tháng 2 năm 2014.
Liên kết ngoài
sửa- Chính thức
- Phần mềm
- Inkscape -
- Adobe SVG Plugin
- Mozilla SVG
- ksvg Lưu trữ 2011-04-22 tại Wayback Machine
- Sketsa Lưu trữ 2006-04-09 tại Wayback Machine
- BitFlash Lưu trữ 2005-11-07 tại Wayback Machine
- Chuyển sang định dạng SVG Lưu trữ 2005-12-28 tại Wayback Machine
- ASCIISvg, Javascript để vẽ hình SVG
- Thư viện
- SVG Salamander Lưu trữ 2006-09-25 tại Wayback Machine
- librsvg
- SVG Perl
- Hướng dẫn
- Pike's SVG Tutorial
- SVGBasics
- SVG Tutorial from W3School Lưu trữ 2012-11-13 tại Wayback Machine
- Các hình ảnh SVG
- Open Clip Art Library
- Sodipodi Clipart Page
- GNOME themes extras package Lưu trữ 2005-12-07 tại Wayback Machine
- Crystal Icons Lưu trữ 2005-10-29 tại Wayback Machine
- Gartoon Icons Theme Lưu trữ 2005-12-12 tại Wayback Machine
- BlueSphere Icon Theme