SVG 是使用 XML 來描述二維圖形和繪圖程序的語言。

學習之前應具備的基礎知識：

繼續學習之前，你應該對以下內容有基本的了解：

• HTML
• XML 基礎

如果希望首先學習這些內容，請在本站的首頁選擇相應的教程。

什么是SVG？

• SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)
• SVG 用來定義用于網絡的基于矢量的圖形
• SVG 使用 XML 格式定義圖形
• SVG 圖像在放大或改變尺寸的情況下其圖形質量不會有所損失
• SVG 是萬維網聯盟的標準
• SVG 與諸如 DOM 和 XSL 之類的 W3C 標準是一個整體

SVG 是 W3C 推薦標準

SVG 于 2003 年 1 月 14 日成為 W3C 推薦標準。

如需有關 W3C 的 SVG 活動的信息，請訪問我們的?W3C 教程。

SVG 的歷史和優勢

在 2003 年一月，SVG 1.1 被確立為 W3C 標準。

參與定義 SVG 的組織有：太陽微系統、Adobe、蘋果公司、IBM 以及柯達。

與其他圖像格式相比，使用 SVG 的優勢在于：

• SVG 可被非常多的工具讀取和修改（比如記事本）
• SVG 與 JPEG 和 GIF 圖像比起來，尺寸更小，且可壓縮性更強。
• SVG 是可伸縮的
• SVG 圖像可在任何的分辨率下被高質量地打印
• SVG 可在圖像質量不下降的情況下被放大
• SVG 圖像中的文本是可選的，同時也是可搜索的（很適合制作地圖）
• SVG 可以與 Java 技術一起運行
• SVG 是開放的標準
• SVG 文件是純粹的 XML

SVG 的主要競爭者是 Flash。

與 Flash 相比，SVG 最大的優勢是與其他標準（比如 XSL 和 DOM）相兼容。而 Flash 則是未開源的私有技術。

查看 SVG 文件

今天，所有瀏覽器均支持 SVG 文件，不過需要安裝插件的 Internet Explorer 除外。插件是免費的，比如?Adobe SVG Viewer。

from:http://www.w3school.com.cn/svg/svg_intro.asp

教程實例

所謂聞名不如見面，可以看下例子：http://www.w3school.com.cn/svg/svg_examples.asp

學習教程

W3School official website：http://www.w3school.com.cn/svg/index.asp

?

轉載于:https://www.cnblogs.com/boonya/p/3772815.html

總結

以上是生活随笔為你收集整理的SVG关注复杂图形的网页绘制技术的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。