SVG 课程 _Web前端

SVG 教程

SVG 意为可缩放矢量图形（Scalable Vector Graphics）。

SVG 使用 XML 格式定义图像。

现在开始学习 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 参考手册
在 W3CSchool中，我们为您提供完整的 SVG 参考手册，其中列出了所有 W3C 推荐标准（SVG Version 1.1）中的 SVG 的元素。
SVG 参考手册

更多SVG教程：http://www.w3cschool.cc/svg/svg-tutorial.html