Trong bài này giới thiệu sơ qua về VML (Vector Markup Language) - Ngôn ngữ định dạng véc tơ và ứng dụng trong việc vẽ các hình trong trang web (HTM, HTML).
Ngôn ngữ VML cho phép định dạng thông tin ảnh véctơ giống cách mà HTML định dạng thông tin dưới dạng text. Nó tạo ra một khuôn dạng có chất lượng cao cho các hình ảnh đồ họa véctơ trên web. Mục đích thiết kế của VML là giải quyết những vấn đề gặp phải với các file ảnh nhị phân (GIF, JPEG, JPG, ...). Hạn chế của việc sử dụng liên kết tới file ảnh vào trang HTML là: chúng được miêu tả từng điểm một nên kích thước lớn, mặt khác chúng được tham chiếu ngoài vào trong trang HTML nên thời gian tải trang rất lâu cả với những bức ảnh không quá chi tiết. Một nhược điểm nữa là chúng khó bảo dưỡng và thay đổi, khó sắp xếp và tìm kiếm trong nội bộ trang HTML đó (như các ký tự thông thường).
Những ưu điểm của VML:
+ Sử dụng VML, chúng ta có thể tạo ảnh nhanh hơn cho người dùng và nhà sản xuất.
+ Việc sửa đổi ảnh, nhất là với các hình vẽ Toán học thông dụng được thực hiện một cách dễ dàng nhờ các thao tác Cut, Paste, sửa chuỗi thông tin về hình ảnh đó.
+ Thời gian tải các ảnh đồ họa cũng nhanh hơn bởi vì chúng thực chất chỉ là việc hiển thị trang web như các ký tự thông thường.
+ Các ảnh tạo ra được tích hợp đầy đủ và có chất lượng cao khi in ra giấy.
+ VML dựa trên các chuẩn và mang tính mở. Nó cho phép nhà phát triển tương tác một cách nhất quán với các phần tử khác của trang, chẳng hạn như các đối tượng.
Trình duyệt IE của Microsoft là trình duyệt duy nhất hỗ trợ VML, bắt đầu kể từ phiên bản 5.0 (May thay, đó là trình duyệt phổ biến với những người dùng Windows!).
Sau đây là một đoạn mã rất đơn giản của VML và hiển thị của chúng.
<html xmlns:v="">
<head>
<title>Using VML</title>
<style> v\
{ behavior:url(#default#VML); } </style></head>
<body>
<h3><font color="blue">Sử dụng VML: </font></h3>
<!--Hình chữ nhật-->
<v:rect style="width:90pt;height:75pt" fillcolor="yellow"/>
<!--Hình ôvan (Elipse)-->
<v:oval style="width:100pt; height:70pt" fillcolor="Green"/>
<!--Đường gấp khúc, vẽ đa giác-->
<v:polyline points="0pt,5pt,40pt,75pt,80pt,5pt,0pt,5pt"
strokecolor="red" strokeweight="2pt"/>
</body>
</html>
Các bạn muốn thử nghiệm hãy copy và lưu lại dưới dạng file .HTML rồi cho trình duyệt hiển thị, kết quả là:
Có thể tham khảo nhanh đến các tài liệu VML tại http://msdn.microsof...m/standards/vml . Đặc tả chi tiết của VML của tổ chức W3C có tại địa chỉ http://www.w3.org/tr/notevml.html.
Tham khảo trích từ: t/c Tin học và Nhà trường.
