SVG关注复杂图形的网页绘制技术
2014-06-06 15:59
225 查看
SVG 是使用 XML 来描述二维图形和绘图程序的语言。
HTML
XML 基础
如果希望首先学习这些内容,请在本站的首页选择相应的教程。
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
SVG 是万维网联盟的标准
SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
如需阅读更多有关 W3C 的 SVG 活动的信息,请访问我们的 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 则是未开源的私有技术。
from:http://www.w3school.com.cn/svg/svg_intro.asp
学习之前应具备的基础知识:
继续学习之前,你应该对以下内容有基本的了解: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相关文章推荐
- [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较
- HTML5之图形绘制技术(Canvas Vs SVG)
- 轻量级网页客户端矢量图形绘制技术总结(lightweight techniques for online drawing)
- [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较
- 采用HTML5的开源组件绘制复杂图形
- [Web Chart系列之一(续)]Web端图形绘制SVG,VML, HTML5 Canvas 简单实例
- 突袭HTML5之SVG 2D入门2 - 图形绘制
- 用VML技术实现统计图形的绘制(考试系统中的试卷分析模块)
- OpenGL绘制复杂图形
- 【D3.V3.js系列教程】--(十五)SVG基本图形绘制
- [Web Chart系列之一(续)]Web端图形绘制SVG,VML, HTML5 Canvas 简单实例
- SetStyle 双缓冲技术实现绘制图形不闪烁
- 用SVG技术实现动态图形输出的嵌入式Web服务
- 基于SVG的web页面图形绘制API介绍及编程演示
- 【D3.js数据可视化系列教程】--(十五)SVG基本图形绘制
- 【D3.V3.js系列教程】--(十五)SVG基本图形绘制
- 网页绘制简单图形用代码怎么弄?
- Asp.net绘制组织机构图等复杂图形
- VC编程技术点滴(四)鼠标绘制任意图形
- 开发者应该关注的五项Web新兴技术:WebGL和SVG名列其中