SVG Path คลาสพิเศษ (Branch 6432) (Copy 7711)

✨ นายสรรค์ธกรณ์ วงศ์ศิริภา

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:grey;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
      background:red;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <rect width="80" height="80" x="10" y="10" fill="#0000" stroke="yellow"></rect>
      <circle r="14" fill="yellow" cx="50" cy="50"> 
        
      </circle>
      <circle r="5" fill="red" cx="50" cy="43"> </circle>
      <circle r="5" fill="red" cx="43" cy="50"> </circle>
      <circle r="5" fill="red" cx="50" cy="57"> </circle>
      <circle r="5" fill="red" cx="57" cy="50"> </circle>
      <circle r="3.5" fill="yellow" cx="50" cy="50"> </circle>
      <path d="
M14,23 v55 h4 v5 h-4 v-3 h3 v7 h-3 v-3 h7 v3 h-3 
    v-4 h4 v4 h56 v-4 h8 v-3 h-3 v7 h3 v-3 h-7 v3 h3 v-9 h4 v-55 h-4 v-5 h4 v3 h-3 v-7 h3 v3 h-7 v-3 h3 
    v4 h-4 v-4 
    h-56 v4 h-8 v3 h3 v-7 h-3 v3 h7 v-3 h-3 v9 h-4 
               " 
            stroke-width="0.6"
            stroke="yellow"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="
M35,20 l-18,30 l18,30 h30 l18,-30 l-18,-30 z
               " 
            stroke-width="1"
            stroke="yellow"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
    </svg>
  </body>
</html>