svg是什麼格式 svg和canvas的區別

　　最近有很多小夥伴碰到瞭svg這種格式，但是對於svg格式一無所知，於是都來問小編，想讓小編帶給大傢解答，於是小編親自到網上進行資料的收集和整理，現在就為大傢帶來最全的svg的格式介紹，感興趣的小夥伴可以來系統城看看小編發的介紹哦。

　　具體介紹如下：

　　1.SVG是一種基於XML的矢量圖形格式，用於在Web和其他環境中顯示各種圖形;它允許我們編寫可縮放的二維圖形，並可通過CSS或JavaScript進行操作。

　　2.SVG最能夠響應當前Web開發對可伸縮性，響應性，交互性，可編程性，性能和可訪問性的要求。

　　3.因為SVG是基於矢量的，所有在放大圖形時不會出現任何降低或丟失保真度的情況。它們隻是重新繪制以適應更大的尺寸，這使得它非常適合多語境場景，例如響應式Web設計。

　　優點：

　　1.可擴展性和響應能力

　　SVG是使用形狀、數字和坐標(而不是像素網格)在瀏覽器中渲染圖形，這使得它具有分辨率無關性和無限可伸縮性。如果你仔細想想就可發現，不管你是用鋼筆還是用寫字板，創建圓形的指令都是相同的，隻是比例發生變化。

　　使用SVG，我們可以組合不同的形狀、路徑和文本元素來創建各種視覺效果，並確保它們在任何尺寸大小下看起來都十分的清晰明快。

　　相比之下，基於柵格的格式(如GIF，JPG和PNG)具有固定的尺寸，這使得它們在縮放時會像素化。盡管各種響應性圖像技術已經證明對像素圖形有價值，但它們永遠無法真正與SVG的無限擴展(伸縮)能力競爭。

　　2.可編程性和交互性

　　SVG是完全可編輯和可腳本編寫的，我們可以通過CSS或JavaScript將各種動畫和交互添加到繪圖中。

　　3.無障礙

　　SVG文件是基於文本的，可以進行搜索和索引。這使得它們可以通過屏幕閱讀器、搜索引擎和其他設備被閱讀。

　　4.性能

　　影響Web性能的一個最重要方面是網頁上使用的文件的大小。與柵格圖形(如GIF，JPG和PNG)相比，SVG圖形通常是較小的文件。

　　Canvas

　　1.依賴分辨率;

　　2.不支持事件處理器;

　　3.弱的文本渲染能力;

　　4.能夠以 .png 或 .jpg 格式保存結果圖像;

　　5.最適合圖像密集型的遊戲，其中的許多對象會被頻繁重繪。

　　SVG

　　1.不依賴分辨率;

　　2.支持事件處理器;

　　3.最適合帶有大型渲染區域的應用程序(比如谷歌地圖);

　　4.復雜度高會減慢渲染速度(任何過度使用 DOM 的應用都不快);

　　5.不適合遊戲應用。

　　以上就是小編為大傢帶來的svg格式的具體介紹瞭，希望能幫助到大傢。