可 縮 放 向 量 圖形
![本页使用了标题或全文手工转换](https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Zh_conversion_icon_m.svg/35px-Zh_conversion_icon_m.svg.png)
![]() |
![]() | |
扩展 |
.svg, .svgz |
---|---|
互联网 | |
开发 | |
2001 | |
扩展 | XML |
网站 | w3.org/Graphics/SVG/ |
![](https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Bitmap_VS_SVG.svg/300px-Bitmap_VS_SVG.svg.png)
SVG概 述
[编辑]SVG
SVG
SVG严格遵从XML语法,并用
- SVG
格式 具有 以下 优点:
- 图像
文 件 可 读,易 于修改 和 编辑(理論 上 如此,但 實際 上 卻是因 為 各種 不同 的 SVG檔編輯 器 而可能 儲 存 成 不易 解讀 的 SVG檔案)。 与 现有技 术可以互动融合 。例 如,SVG技 术本身 的 动态部分 (包括 时序控 制 和 动画)就是基 于SMIL标准。另外,SVG文 件 还可嵌入 JavaScript(严格地 说,应该是 ECMAScript)脚 本来 控 制 SVG对象。- SVG图形
格式 可 以方便 的 建立 文字 索引 ,从而实现基 于内容 的 图像搜索 。 - SVG图形
格式 支持 多 种滤镜和 特殊 效果 ,在 不 改 变图像 内容 的 前提 下 可 以实现位 图格式 中 类似文字 阴影的 效果 。[4] - SVG图形
格式 可 以用来 动态生成 图形。例 如,可用 SVG动态生成 具有 交互 功 能 的 地 图,嵌入 网页中 ,并显示 给终端 用 户。[5]
- SVG
格式 具有 以下 缺点 :
如何 和 已 经占有 重要 市 场份额的矢 量 图形格式 Adobe Animate(舊稱 Adobe Flash)竞争的 问题。事 实上,Adobe Animate在 Flash CC 2014版 及以后 的 版本 就都支持 直接 导出SVG文 件 。[6]- SVG
的 本地 运行环境下 的 厂家支持 程度 。 由 於原始 的 SVG檔是遵从XML语法,導 致資料 採用 未 壓縮 的 方式 存 放 ,因 此相較於其他的矢 量 图形格式 ,同樣 的 檔案內容會 比 其他的 檔案格式 稍 大 。Adobe因 此使用 gzip壓縮 開發 出 壓縮 的 SVG檔格式 ,附 檔名為 .svgz,但 此種檔案格式 除 了 Adobe旗下 的 軟體以外 ,未 被 廣 泛支援 使用 。舊版 的 SVG Viewer無法 正確 顯示 出 使用 新版 SVG格式 的矢 量 图形。
SVG Basic
[编辑]SVG Basic
SVG Tiny
[编辑]SVG Tiny
SVG动画
[编辑]主 條目 :SVG動畫
SVG技 术细节
[编辑]SVG
SVG
标准制定 开发历史
[编辑]SVG
- Web Schematics,
来 自 CCLRC[7] - PGML,
来 自 Adobe Systems、IBM、网景和 升 阳电脑[8] - VML,
来 自 Autodesk、惠 普 、Macromedia、微 软和 Vision[9] - Hyper Graphics Markup Language (HGML),
来 自 Orange UK和 普 利 茅 斯大学 [10] - WebCGM,
来 自 波 音 、InterCAP Graphics Systems、Inso Corporation、CCLRC和 施 乐[11] - DrawML,
来 自 Excosoft AB[12]
- 2001
年 9月 4日 ,发布SVG 1.0。 - 2003
年 1月 4日 ,发布SVG 1.1。 - 2003
年 1月 14日 ,推出SVG移 动子版本 :SVG Tiny和 SVG Basic。 - 2008
年 12月22日 ,發布 SVG Tiny 1.2。[13] - 2011
年 8月 16日 ,發布 SVG 1.1(第 2版 ),成 为W3C目前 推荐的 标准。[3] - W3C
目前 仍正在 研究 制定 SVG 2,目前 最新 的 草稿 發布 见此 (页面存 档备份,存 于互联网档案 馆)。[14]
示 例
[编辑]-
示 例 SVG顯示 -
简单SVG图片,样如
少女 。 -
较为复杂
但 精 细的SVG图片
SVG
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
width="467" height="462">
<!-- This is the red square: -->
<rect x="80" y="60" width="250" height="250" rx="20" fill="red"
stroke="black" stroke-width="2px" />
<!-- This is the blue square: -->
<rect x="140" y="120" width="250" height="250" rx="40" fill="blue"
stroke="black" stroke-width="2px" fill-opacity="0.7" />
<rect x="180" y="160" width="250" height="250" rx="40" fill="blue"
stroke="green" stroke-width="2px" fill-opacity="0.7" />
</svg>
SVG显示
[编辑]插件支持
[编辑]原生 支持
[编辑]比 较著名 的 SVG项目包括 Mozilla SVG Project (页面存 档备份,存 于互联网档案 馆),KDE的 KSVG,以及Amaya等 。- Mozilla Firefox
自 版本 1.5发行后 ,即 开始支援 SVG格式 的 显示 (页面存 档备份,存 于互联网档案 馆)。 - Opera 8.0
版 開始 支援 顯示 Tiny 1.1规格的 SVG。 基 于Java的 SVG项目主要 有 Batik SVG Toolkit等 。- Google Chrome
和 Safari支持 SVG显示。 - Microsoft
的 Internet Explorer 8.0版 及其更 老 的 版本 尚 未 支援 SVG,直 至 由 Internet Explorer 9.0版 開始 支援 SVG。[15]
各 种SVG解 释器支持 程度 比 较
[编辑]W3C
- 对SVG
支持 最 好 的 浏览器 是 Opera,它支持 大 多数 的 SVG特性 。 作 为专门的SVG浏览器 ,Batik SVG viewer能 对大多数 特性 有良 好 支持 ,与 Opera不 相 伯仲 。但 它不能 和 浏览器 互动。加 载了Adobe SVG Viewer的 Internet Explorer也能支持 多数 SVG特性 ,但 是 由 于没有 浏览器 的 原生 支持 ,在 交互 方面 许多特性 不 支持 。- Mozilla Firefox 2.0对SVG
特性 的 支持 相当 弱 ,许多重要 特性 如动画 等 都 不能 支持 。
设计工具
[编辑]而
另外
对于
参考 文献
[编辑]- ^ M Media Type registration for image/svg+xml. World Wide Web Consortium. 22 December 2008 [29 August 2010]. (
原始 内容 存 档于2016-03-14). - ^ XML Media Types, RFC 3023. Internet Engineering Task Force: 24. January 2001 [29 August 2010]. (
原始 内容 存 档于2011-08-22). - ^ 3.0 3.1 3.2 Scalable Vector Graphics (SVG) 1.1 (Second Edition). W3C.org. 2011-08-16 [2017-12-20]. (
原始 内容 存 档于2019-03-29) (英 语). - ^ <filter>-SVG. MDN Web Doc. 2016-12-21 [2017-12-20]. (
原始 内容 存 档于2021-02-09) (英 语). - ^ <a>-SVG. MDN Web Doc. 2017-06-15 [2017-12-20]. (
原始 内容 存 档于2021-01-08) (英 语). - ^ New features summary - 2014. Adobe. [2017-12-20]. (
原始 内容 存 档于2021-01-08) (英 语). - ^ Schematic Graphics. www.w3.org. [2022-07-29]. (
原始 内容 存 档于2022-01-31). - ^ Al-Shamma, Nabeel; Robert Ayers; Richard Cohn; Jon Ferraiolo; Martin Newell; Roger K. de Bry; Kevin McCluskey; Jerry Evans. Precision Graphics Markup Language (PGML). W3C. 1998-04-10 [2009-05-08]. (
原始 内容 存 档于2021-12-16). - ^ Mathews, Brian; Brian Dister; John Bowler; Howard Cooper stein; Ajay Jindal; Tuan Nguyen; Peter Wu; Troy Sandal. Vector Markup Language (VML). W3C. 1998-05-13 [2009-05-08]. (
原始 内容 存 档于2021-11-06). - ^ Hyper Graphics Markup Language (HGML). www.w3.org. [2022-07-29]. (
原始 内容 存 档于2022-04-07). - ^ WebCGM Profile. xml.coverpages.org. [2022-07-29]. (
原始 内容 存 档于2022-08-14). - ^ Secret Origin of SVG. World Wide Web Consortium. 21 December 2007 [1 January 2011]. (
原始 内容 存 档于2020-12-24). - ^ Scalable Vector Graphics (SVG) Tiny 1.2 Specification, W3C Recommendation 22 December 2008. [2014-05-29]. (
原始 内容 存 档于2020-12-07). - ^ Scalable Vector Graphics (SVG) 2, W3C Editor's Draft. [2013-11-24]. (
原始 内容 存 档于2021-02-10). - ^
微 軟將加入 W3C SVG工作 小 組 IE 9可 望 支援 即時 新聞 iThome online. [2010-11-21]. (原始 内容 存 档于2010-01-11).
外部 链接
[编辑]- W3C SVG
官 方 标准网站(页面存 档备份,存 于互联网档案 馆)(英文 ) - svgwiki(
英文 ) - SVG Web(页面
存 档备份,存 于互联网档案 馆)(英文 ) - Opera
開發 網 站上關 于SVG的 展示 及教程 (英文 ) - W3school
上 关于SVG的 教程 (页面存 档备份,存 于互联网档案 馆)
參 見
[编辑]
|
|
|
|