在HTML5中使用 <polygon>标签

您可以尝试运行以下代码,以了解如何使用HTML5中的<polygon>标记:

<html>

   <head>

      <style>

         #svgelem{

            position: relative;

            left: 50%;

            -webkit-transform: translateX(-40%);

            -ms-transform: translateX(-40%);

            transform: translateX(-40%);

         }

      </style>

      <title>SVG</title>

      <meta charset="utf-8" />

   </head>

   <body>

      <h2 align="center">HTML5 SVG Star</h2>

      <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">

      <polygon points="100,10 40,180 190,60 10,60 160,180" fill="red"/>

      </svg>

   </body>

</html>

以上是 在HTML5中使用 <polygon>标签 的全部内容, 来源链接: utcz.com/z/331298.html

回到顶部