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 参考手册

在 W3CSchool中, 咱们为您供给完好的 SVG 参考手册,其间列出了一切 W3C 引荐规范(SVG Version 1.1)中的 SVG 的元素。

SVG 参考手册