SVG图片详解
时间：2023-07-12 12:07:00
基本概念
SVG：静止无功发生器。该装置产生无功和谐波过滤，通过其内部电子开关的频繁运动产生无功电流
SVG矢量图可缩放（Scalable Vector Graphics）基于可扩展标记语言（XML），一种用于描述二维矢量图形的图形格式。SVG由W3C制定是开放标准。
SVG严格遵从XML语法是一种与图像分辨率无关的矢量图形格式，用文本格式的描述性语言来描述图像内容。SVG图形格式有以下优点：
1. 可读图像文件，易于修改和编辑
2. 可与现有技术互动融合。SVG基于技术本身的动态部分(包括时序控制和动画)SMIL标准。SVG也可以嵌入文件JavaScript（严格的说应该是ECMAScript)脚本来控制SVG对象
3. SVG图形格式可以方便地建立文本索引，从而实现基于内容的图像搜索
4. SVG图形格式支持各种过滤器和特殊效果，可以在不改变图像内容的情况下实现位图格式中类似文字阴影的效果
5. SVG图形格式可用于动态生成图形。SVG动态生成具有交互功能的地图，嵌入网页，并显示给终端用户
SVG矢量图形格式的主要问题之一是如何占据重要市场份额Flash竞争的另一个问题是SVG厂家对当地运营环境的支持。
什么是SVG, SVG的特点, SVG较G I F、JPEG的优势
[编辑本段]
SVG图形
S V G(可放缩矢量图)是W3C(World Wide Web ConSor—tium2000年8月制定的国际互联网标准组织新的二维矢量图形格式，也是规范中的网络矢量图形标准。W3C它是作为国际X工业联盟创立的， 目的是领导整个互联网合作的发展和创新， 实现科技进步和共同发展。由于W3C联盟关于SVG开发工作组的成员都是知名厂商， 如Adobe、苹果、Aut0De sk、Bit Fla sh、Corel、惠普、IBM、ILOG、INSO、Macromedia、微软、Netscape、OASIS、Open Text、Quark、RAL(C C LRC)、S un、V i S i 因此，施乐等SVG不是一个私有格式，这是一个开放的标准。也就是说，它不属于任何个人专利，而是通过合作共同开发的工业标准。也就是说，它不属于任何个人专利，而是通过合作共同开发的工业标准。正是因为如此，SVG能够更快地开发和应用。
[编辑本段]
SVG的特点
1．基于XML
为了保证网络图像的顺利和现在的原因W3C开发的D0M1，DOM2，CSS，XML，XPointer，XSLT，XSL，SMIL，HTML，XHTML技术等标准化技术，如ICC，URI，UNICODE，RGB，ECMAScr ipt／JavaScript，Java协调一致，SVG是完全基于x M L(EXtensibleMarkup Language可扩展置标语言)， 新一代上述技术相融合的新一代网络图像格式。SVG并非仅仅是一种图像格式， 因为它是一种基础XML语言意味着它继承了XML跨平台性和可扩展性，使图形可重用性迈出了一大步。SVG不仅仅是图像格式， 因为它是一种基础XML语言意味着它继承了XML跨平台性和可扩展性，使图形可重用性迈出了一大步。SVG可以内嵌于其他的XML文档中，而SVG其他文档也可以嵌入在文档中XML不同的内容SVG图形组合方便， 构成新的SVG图形。
2.用文本描述对象
SVG包括3种类型的对象： 矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本。各种图像对象能够组合、变换，并且修改其样式，也能够定义成预处理对象。
与传统的图像格式不同的是，svG采用文本来描述矢量化的图形，这使得svG图像文件可以像HTML网页一样有着很好的可读性。当用户用图像工具输出svG后，可以用任何文字处理工具打开SVG图像，并可看到用来描述图像的文本代码。掌握了svG语法的人甚至可以只用一个记事本便可以读出图像中的内容来。
svG文件中的文字虽然在显示时可呈现出各种图像化的修饰效果，但却仍然是以文本的形式存在的，可以选择复制、粘贴。由于SVG内的文字都以文本的形式出现在XML文件中， 这些信息可以为搜索引擎所用，而以往搜索引擎通常无法搜索到写在点阵图像中的文字。这些文本信息还可以帮助视力有残疾而无法看到图形的人，可以通过其他方式(如声音)来传送这些信息。
3．具有交互性和动态性
由于网络是动态的媒体，SVG要成为网络图像格式，必须要具有动态的特征，这也是区别于其它图像格式的一个重要特征。SVG是基于XML的，它提供无可匹敌的动态交互性。你可以在svG文件中嵌入动画元素(如运动路径、渐现或渐隐效果、生长的物体、收缩、快速旋转、改变颜色等)，或通过脚本定义来达到高亮显示、声音、动画等效果。
4．完全支持DOM
D0M(Document Object Model文档物件模型)是一种文档平台，它允许程序或脚本动态的存储和上传文件的内容、结构或样式。由于SVG完全支持DOM， 因而SVG文档可以通过一致的接口规范与外界的程序打交道。SVG以及SVG中的物件元素完全可以通过脚本语言接受外部事件的驱动，例如鼠标动作，实现自身或对其他物件、图像的控制等。这也是电子文档应具备的优秀特性之一。
[编辑本段]
SVG较G I F、JPEG的优势
首先简要解释一下矢量图像格式和位图图像格式的区别。矢量图像用点和线来描述物体，所以文件会比较小，同时也能提供高清晰的画面，适合于直接打印或输出。而位图图像的存储单位是图像上每一点的像素值，因此一般的图像文件都很大，会占用大量的网络带宽。SVG是一种矢量图形格式，GIF、JPEG是位图图像格式。有了两者的概念后，SVG较GIF、JPEG的优势显而易见。
1．任意放缩。
用户可以任意缩放图像显示，而不会破坏图像的清晰度、细节等。
2．文本独立。
SVG图像中的文字独立于图像，文字保留可编辑和可搜寻的状态。也不会再有字体的限制，用户系统即使没有安装某一字体，也会看到和他们制作时完全相同的画面。
3．较小文件。
总体来讲，SVG文件比那些GIF和JPEG格式的文件要小很多，因而下载也很快。
4．超强显示效果
SVG图像在屏幕上总是边缘清晰，它的清晰度适合任何屏幕分辨力和打印分辨力。
5．超级颜色控制。
SVG图像提供一个1 600万种颜色的调色板，支持ICC颜色描述文件标准、RGB、线X填充、渐变和蒙版。
6．交互X和智能化。
[编辑本段]
SVG在手机上的应用
由于SVG是基于XML的， 因而能制作出空前强大的动态交互图像。即SVG图像能对用户动作做出不同响应， 例如高亮、声效、特效、动画等。 作为SVG技术的一个应用，SVG在手机等无线手持设备上的应用将是3G时代最重要的应用之一。支持SVG的手机，允许用户查看高质量的矢量图形及动画，同时，由于SVG采用文本传输，尺寸也会非常小，速度将会更快。目前，市面上已经有100多款智能手机提供此服务，其中包括诺基亚、摩托等巨头的产品，由此可见，SVG手机将成为3G时代的一个最重要的市场制高点，也将是国内手机厂商应对和超越海外兵团的一个突破口。
SVG手机清单
Motorola : C975, C980, E770V, E1000, i870, V3X, V975, V980, V1050
NEC : V703N, V802N
Nokia : 3250, 5500 Sport, 6265, 6233, 6234, 6280, 6282, 7370, 7710, E60, E61, E70, N70, N71, N72, N73, N80, N90, N91, N92, N93
Panasonic : MX6, MX7, SA6, SA7, VS3, VS7
Sagem : my-X8, my-V76, my-V85
Samsung : D600, E350, Z300, Z500, ZV10, ZV30
Sanyo : S750
Sharp : V501SH, V601SH, V602SH, V603SH, V604SH, V703SH, V703SHf, 802, V804SH, 902, V903SH, V904SH
Siemens : C65, C70, C75, CF65, CFX65, CL75, CX65, CX70, CX70 Emoty, CX75, M65, M75, S65, S75, SF65, SL65, SL75, SK65, SP65
Sony Ericsson : D750, F500, K300, K310, K500, K508, K510, K600, K608, K610, K700, K750, K790, K800, M600, P990, S600, S700, S710, V600, V800, W300, W550, W600, W700, W710, W800, W810, W850, W900, W950, Z500, Z520, Z530, Z550, Z710, Z800
Toshiba : TS 803, TS 921, V902T, V903T
更多详细列表，请访问W3C网站.
SVG查看工具Adobe SVG Viewer 3.03 下载
http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe
SVG：静止无功发生器。该装置产生无功和谐波过滤，通过其内部电子开关的频繁运动产生无功电流
SVG矢量图可缩放（Scalable Vector Graphics）基于可扩展标记语言（XML），一种用于描述二维矢量图形的图形格式。SVG由W3C制定是开放标准。
SVG严格遵从XML语法是一种与图像分辨率无关的矢量图形格式，用文本格式的描述性语言来描述图像内容。SVG图形格式有以下优点：
1. 可读图像文件，易于修改和编辑
2. 可与现有技术互动融合。SVG基于技术本身的动态部分(包括时序控制和动画)SMIL标准。SVG也可以嵌入文件JavaScript（严格的说应该是ECMAScript)脚本来控制SVG对象
3. SVG图形格式可以方便地建立文本索引，从而实现基于内容的图像搜索
4. SVG图形格式支持各种过滤器和特殊效果，可以在不改变图像内容的情况下实现位图格式中类似文字阴影的效果
5. SVG图形格式可用于动态生成图形。SVG动态生成具有交互功能的地图，嵌入网页，并显示给终端用户
SVG矢量图形格式的主要问题之一是如何占据重要市场份额Flash竞争的另一个问题是SVG厂家对当地运营环境的支持。
什么是SVG, SVG的特点, SVG较G I F、JPEG的优势
[编辑本段]
SVG图形
S V G(可放缩矢量图)是W3C(World Wide Web ConSor—tium2000年8月制定的国际互联网标准组织新的二维矢量图形格式，也是规范中的网络矢量图形标准。W3C它是作为国际X工业联盟创立的， 目的是领导整个互联网合作的发展和创新， 实现科技进步和共同发展。由于W3C联盟关于SVG开发工作组的成员都是知名厂商， 如Adobe、苹果、Aut0De sk、Bit Fla sh、Corel、惠普、IBM、ILOG、INSO、Macromedia、微软、Netscape、OASIS、Open Text、Quark、RAL(C C LRC)、S un、V i S i 因此，施乐等SVG不是一个私有格式，这是一个开放的标准。也就是说，它不属于任何个人专利，而是通过合作共同开发的工业标准。也就是说，它不属于任何个人专利，而是通过合作共同开发的工业标准。正是因为如此，SVG能够更快地开发和应用。
[编辑本段]
SVG的特点
1．基于XML
为了保证网络图像的顺利和现在的原因W3C开发的D0M1，DOM2，CSS，XML，XPointer，XSLT，XSL，SMIL，HTML，XHTML技术等标准化技术，如ICC，URI，UNICODE，RGB，ECMAScr ipt／JavaScript，Java协调一致，SVG是完全基于x M L(EXtensibleMarkup Language可扩展置标语言)， 新一代上述技术相融合的新一代网络图像格式。SVG并非仅仅是一种图像格式， 因为它是一种基础XML语言意味着它继承了XML跨平台性和可扩展性，使图形可重用性迈出了一大步。SVG不仅仅是图像格式， 因为它是一种基础XML语言意味着它继承了XML跨平台性和可扩展性，使图形可重用性迈出了一大步。SVG可以内嵌于其他的XML文档中，而SVG其他文档也可以嵌入在文档中XML不同的内容SVG图形组合方便， 构成新的SVG图形。
2.用文本描述对象
SVG包括3种类型的对象： 矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本。各种图像对象能够组合、变换，并且修改其样式，也能够定义成预处理对象。
与传统的图像格式不同的是，svG采用文本来描述矢量化的图形，这使得svG图像文件可以像HTML网页一样有着很好的可读性。当用户用图像工具输出svG后，可以用任何文字处理工具打开SVG图像，并可看到用来描述图像的文本代码。掌握了svG语法的人甚至可以只用一个记事本便可以读出图像中的内容来。
svG文件中的文字虽然在显示时可呈现出各种图像化的修饰效果，但却仍然是以文本的形式存在的，可以选择复制、粘贴。由于SVG内的文字都以文本的形式出现在XML文件中， 这些信息可以为搜索引擎所用，而以往搜索引擎通常无法搜索到写在点阵图像中的文字。这些文本信息还可以帮助视力有残疾而无法看到图形的人，可以通过其他方式(如声音)来传送这些信息。
3．具有交互性和动态性
由于网络是动态的媒体，SVG要成为网络图像格式，必须要具有动态的特征，这也是区别于其它图像格式的一个重要特征。SVG是基于XML的，它提供无可匹敌的动态交互性。你可以在svG文件中嵌入动画元素(如运动路径、渐现或渐隐效果、生长的物体、收缩、快速旋转、改变颜色等)，或通过脚本定义来达到高亮显示、声音、动画等效果。
4．完全支持DOM
D0M(Document Object Model文档物件模型)是一种文档平台，它允许程序或脚本动态的存储和上传文件的内容、结构或样式。由于SVG完全支持DOM， 因而SVG文档可以通过一致的接口规范与外界的程序打交道。SVG以及SVG中的物件元素完全可以通过脚本语言接受外部事件的驱动，例如鼠标动作，实现自身或对其他物件、图像的控制等。这也是电子文档应具备的优秀特性之一。
[编辑本段]
SVG较G I F、JPEG的优势
首先简要解释一下矢量图像格式和位图图像格式的区别。矢量图像用点和线来描述物体，所以文件会比较小，同时也能提供高清晰的画面，适合于直接打印或输出。而位图图像的存储单位是图像上每一点的像素值，因此一般的图像文件都很大，会占用大量的网络带宽。SVG是一种矢量图形格式，GIF、JPEG是位图图像格式。有了两者的概念后，SVG较GIF、JPEG的优势显而易见。
1．任意放缩。
用户可以任意缩放图像显示，而不会破坏图像的清晰度、细节等。
2．文本独立。
SVG图像中的文字独立于图像，文字保留可编辑和可搜寻的状态。也不会再有字体的限制，用户系统即使没有安装某一字体，也会看到和他们制作时完全相同的画面。
3．较小文件。
总体来讲，SVG文件比那些GIF和JPEG格式的文件要小很多，因而下载也很快。
4．超强显示效果
SVG图像在屏幕上总是边缘清晰，它的清晰度适合任何屏幕分辨力和打印分辨力。
5．超级颜色控制。
SVG图像提供一个1 600万种颜色的调色板，支持ICC颜色描述文件标准、RGB、线X填充、渐变和蒙版。
6．交互X和智能化。
[编辑本段]
SVG在手机上的应用
由于SVG是基于XML的， 因而能制作出空前强大的动态交互图像。即SVG图像能对用户动作做出不同响应， 例如高亮、声效、特效、动画等。 作为SVG技术的一个应用，SVG在手机等无线手持设备上的应用将是3G时代最重要的应用之一。支持SVG的手机，允许用户查看高质量的矢量图形及动画，同时，由于SVG采用文本传输，尺寸也会非常小，速度将会更快。目前，市面上已经有100多款智能手机提供此服务，其中包括诺基亚、摩托等巨头的产品，由此可见，SVG手机将成为3G时代的一个最重要的市场制高点，也将是国内手机厂商应对和超越海外兵团的一个突破口。
SVG手机清单
Motorola : C975, C980, E770V, E1000, i870, V3X, V975, V980, V1050
NEC : V703N, V802N
Nokia : 3250, 5500 Sport, 6265, 6233, 6234, 6280, 6282, 7370, 7710, E60, E61, E70, N70, N71, N72, N73, N80, N90, N91, N92, N93
Panasonic : MX6, MX7, SA6, SA7, VS3, VS7
Sagem : my-X8, my-V76, my-V85
Samsung : D600, E350, Z300, Z500, ZV10, ZV30
Sanyo : S750
Sharp : V501SH, V601SH, V602SH, V603SH, V604SH, V703SH, V703SHf, 802, V804SH, 902, V903SH, V904SH
Siemens : C65, C70, C75, CF65, CFX65, CL75, CX65, CX70, CX70 Emoty, CX75, M65, M75, S65, S75, SF65, SL65, SL75, SK65, SP65
Sony Ericsson : D750, F500, K300, K310, K500, K508, K510, K600, K608, K610, K700, K750, K790, K800, M600, P990, S600, S700, S710, V600, V800, W300, W550, W600, W700, W710, W800, W810, W850, W900, W950, Z500, Z520, Z530, Z550, Z710, Z800
Toshiba : TS 803, TS 921, V902T, V903T
更多详细列表，请访问W3C网站.
SVG查看工具Adobe SVG Viewer 3.03 下载
http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe
