1、透明度与线条样式

  1. <style>
  2.     polyline{
  3.         stroke: blueviolet;
  4.         stroke-width: 10px;
  6.         stroke-opacity: 0.5;/* 边框透明度 */
  7.         fill-opacity: 0.3;/* 填充透明度 */
  8.         stroke-linecap: round;/* 两端变圆 */
  9.         stroke-linejoin: round;/* 两条线相交的地方的图形变化 */    
  10.     }
  11.    </style>
  12. </head>
  14. <body>
  16.    <svg width="500px" height="300px" style="border: 1px solid">
  17.       <polyline points="0 0,50 50,50 100,100 100,100 50"></polyline>
  18.       <text x="300" y="50">邓哥身体好</text>
  20.    </svg>
  21. </body>