svg的介绍

SVG英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形，是一种图像文件格式；SVG还是一种用XML定义的语言，可以用来描述二维矢量及矢量或栅格图形。

●SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

●SVG 用来定义用于网络的基于矢量的图形

●SVG 使用 XML 格式定义图形

●SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失

●SVG 是万维网联盟的标准

●SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

  <!-- 绘制图形 -->

    <svg width="200" height="200">

        <!-- 矩形标签 -->

        <rect x="50" y="20" width="100" height="100" fill="pink" stroke="aqua" stroke-width="2" opacity="0.5" rx="10"

            ry="10" />

    </svg>

    <svg width="200" height="200">

        <!-- 圆形标签 -->

        <circle cx="100" cy="