svgでの長方形の定義：

<svg xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 1000 200">

  <rect x="349" y="67"
      width="302" height="66"
      rx="5" ry="5"
      stroke="#E4AF4C"
      fill="#F4D37D"
      stroke-width="2" />

それを分解する

長方形を定義するために使用されるプロパティは次のとおりです。 rxを省略してryを実行すると、コーナー半径はデフォルトで0になります。

  • x＆y：長方形の左上隅のxとyの位置。
  • width＆height：長方形の幅と高さ。
  • rx＆ry：コーナー半径。