Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

准备开始了!
这篇教程会帮你开始学习SVG.

可缩放矢量图形(Scalable Vector Graphics,SVG),是一种用来描述二维矢量图形的XML 标记语言。 简单地说,SVG面向图形,XHTML面向文本。

SVG与Flash类似,都是用于二维矢量图形,二者的区别在于,SVG是一个W3C标准,基于XML,是开放的,而Flash是封闭的基于二进制格式的。因为都是W3C标准,SVG与其他的W3C标准,比如CSS, DOMSMIL等能够协同工作。

文档

SVG元素参考
了解所有 SVG 元素的细节。
SVG属性参考
了解所有 SVG 属性的细节.
SVG DOM API 参考
了解有关 SVG DOM API 的全部细节。
在 HTML 内容中应用 SVG 效果
SVG与HTML, CSSJavaScript一起工作,使用 SVG 增强常规 HTML 页面和web 应用。
SVG in Mozilla
SVG在Mozilla产品中的实现情况.

查看全部...

社区

工具

动画与交互

        正如 HTML 一样,SVG 也有可被 JavaScript 访问的文档对象模型(DOM)和事件。这允许开发者创建丰富的动画和可交互的图像。

地图、图表、游戏与3D体验

        少许的 SVG 即可极大地丰富网页内容,下面是一些大量使用 SVG 的范例。

文档标签和贡献者

标签: 
 最后编辑者: simongfxu,