• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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 简介