1. 程式人生 > >[Web 前端] VML、SVG、Canvas簡介

[Web 前端] VML、SVG、Canvas簡介

 

1、VML:

       VML的全稱是Vector Markup Language(向量可標記語言),向量的圖形,意味著圖形可以任意放大縮小而不損失圖形的質量,這在製作地圖上有很大用途,VML只是被IE支援。

2、SVG:
       可縮放向量圖形(Scalable Vector Graphics,SVG)是基於可擴充套件標記語言(XML),用於描述二維向量圖形的一種圖形格式。SVG由W3C制定,是一個開放標準。
       由於SVG檔案可嵌入JavaScript(嚴格地說,應該是ECMAScript)指令碼來控制SVG物件,所以在進行Web中JS繪圖時算是考慮的一種。但是,SVG還是面臨一些問題的。SVG面臨的主要問題一個是如何和已經佔有重要市場份額的向量圖形格式Adobe Flash競爭的問題,另一個問題就是SVG的本地執行環境下的廠家支援程度。

瀏覽器支援情況:


       對於瀏覽器支援方面,Mozilla Firefox自版本1.5發行後,即開始支援SVG格式的顯示,Opera 8.0 版開始支援顯示Tiny 1.1規格的SVG,Google Chrome和Safari支援SVG顯示,Microsoft的Internet Explorer 8.0版之前尚未支援SVG,直至由Internet Explorer 9.0版開始支援SVG,對SVG支援最好的瀏覽器是Opera。

3、Canvas:

       Canvas元素是HTML5的一部分,允許指令碼動態渲染點陣圖像。最初由蘋果公司內部使用,後來才有人組建議為下一代的網路技術使用該元素。
瀏覽器支援方面:Firefox,Chrome,Safari和Opera9都支援canvas tag,canvas用來繪製2D圖形,IE9支援canvas。


---------------------
作者:Spring_Ji
來源:CSDN
原文:https://blog.csdn.net/jcx5083761/article/details/13000501
版權宣告:本文為博主原創文章,轉載請附上博文連結!