1、多边形和文本：

  1. <style>
  2.     polygon{
  3.         fill: transparent;
  4.         stroke: black;
  5.         stroke-width: 3px;
  6.     }
  7.     text{ /* 也可对文字起作用 */
  8.         stroke: blue;
  9.         stroke-width: 3px;
  10.     }
  11.   </style>
  12. </head>
  14. <body>
  16.   <svg width="500px" height="300px" style="border: 1px solid">
  19.      <polygon points="0 0,50 50,50 100,100 100,100 50"></polygon><!-- 多边形 ：会连接出一个多边形；而折线不会首尾相连，而两者都填充的话，则一样-->
  20.      <text x="300" y="50">邓哥身体好</text>
  22.   </svg>
  23. </body>