SVG 基础教程 - 学习 SVG - 简单教程，简单编程

SVG 使用 XML 格式定义可缩放矢量图形（Scalable Vector Graphics）

SVG 范例

<html>
<body>
<h1>简单编程 SVG 演示范例</h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="300">
  <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 参考手册