圆形 circle

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

    <circle

	    cx="100"

	    cy="100"

	    r="80"

	    stroke="green"

	    stroke-width="4"

        fill="none"/>

</svg>

矩形 rect

<svg>

    <rect

        x="10"

        y="10"

        rx="5"

        ry="5"

        width="150"

        height="100"

        stroke="red"

        fill="none">

    </rect>

</svg>

椭圆 ellipse

<svg>

    <ellipse

        cx="400"

        cy="60"

        rx="70"

        ry="50"

        stroke="red"

        fill="none">

    </ellipse>

</svg>

线 line

<svg>

    <line

        x1="10"

        y1="120"

        x2="160"

        y2="220"

        stroke="red">

    </line>

</svg>

折线 polyline

<svg>

    <line

        x1="10"

        y1="120"

        x2="160"

        y2="220"

        stroke="red">

    </line>

</svg>

多边形 polygon

<svg>

    <polygon

        points="250 120

                300 220

                200 220"

        stroke="red"

        stroke-width="5"

        fill="yellow"

        transform="translate(150 0)">

    </polygon>

</svg>

路径 path

可用于路径数据的命令
M = moveto

L = lineto

H = horizontal lineto

V = vertical lineto

C = curveto

S = smooth curveto

Q = quadratic Belzier curve

T = smooth quadratic Belzier curveto

A = elliptical Arc

Z = closepath

<svg>

    <path

    d="M250 150 L150 350 L350 350 Z" />

</svg>

最新文章

  1. MVP -----个人理解与示例（android例子 实现）
  2. 『TCP/IP详解——卷一：协议』读书笔记——02
  3. Eclipse+Tomcat部署项目的一些总结
  4. core--线程同步（内核模式）
  5. HW6.15
  6. [译]Stairway to Integration Services Level 3 - 增量导入数据
  7. JavaScript 中的事件流和事件处理程序（读书笔记思维导图）
  8. 虚拟机安装麒麟3.2时报unkown filesystem，you need to load the linux kernel first
  9. poi解析excel
  10. [USACO 12DEC]Running Away From the Barn
  11. 7-27 Codeforces Round #499 (Div. 2)
  12. 2018-2019-2 20175202实验二《Java面向对象程序设计》实验报告
  13. 微信分享config:ok 但自定义内容无效
  14. 深度学习中 droupout层是咋回事？？
  15. Vue小案例 之 商品管理------创建页面与部分数据
  16. H - 【59】Lazier Salesgirl 模拟//lxm
  17. P3871 [TJOI2010]中位数
  18. LeetCode403. Frog Jump
  19. 嵌套循环连接(nested loops join)原理
  20. SQLYog Enterprise注册码分享

热门文章

  1. linux下vim编辑器使用
  2. get和post方式请求数据，jsonp
  3. html页面顶部出现一段空白,检查控制台发现body 下出现&amp;#65279字符,原因及解决办法
  4. Git相关操作及记录
  5. php的文件引用
  6. hexo从零开始到搭建完整
  7. New Adventure----GUI Design Studio
  8. java面试集锦
  9. 字符串和整形数组的相互转化（JAVA程序）
  10. EntityFramework6.X 之LocalDB&amp;ConnectionString