SVG 教程


SVG 意为可缩放矢量图形(Scalable Vector Graphics)。

SVG 使用 XML 格式定义图像。

现在开始学习 SVG!

SVG 实例

< html > < body > < h1 > My first SVG </ h1 > < svg xmlns = " http://www.w3.org/2000/svg " version = " 1.1 " > < circle cx = " 100 " cy = " 50 " r = " 40 " stroke = " black " stroke-width = " 2 " fill = " red " /> </ svg > </ body > </ html >

尝试一下 »

点击 "尝试一下" 按钮查看运行结果.

SVG 实例

我们可以在线编辑 SVG 实例,并且在线查看运行结果!

在线实例

SVG 参考手册

在编程教程中, 我们为您提供完整的 SVG 参考手册,其中列出了所有 W3C 推荐标准(SVG Version 1.1)中的 SVG 的元素。

SVG 参考手册

SVG 在线编辑器