/suto3/SVG:rect要素 - Scrapbox Reader

generated at 2/17/2025, 9:26:29 AM
SVG:rect要素
四角形を描画する
rect - SVG: スケーラブルベクターグラフィック | MDN
<rect> - SVG: Scalable Vector Graphics | MDN
 <rect x="60" y="30" width="200" height="80" /> 
x : 開始位置（x座標）
y : 開始位置（y座標）
width
height
rx="the x-axis radius (to round the element)"
ry="the y-axis radius (to round the element)"
+ SVG:プレゼンテーション属性
Color、FillStroke、Graphics

SVG:四角形
SVG:基本図形 - SVG:基本シェイプ
rect - rectangle

r.svg<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Simple rectangle -->
  <rect width="100" height="100" />

  <!-- Rounded corner rectangle -->
  <rect x="120" width="100" height="100" rx="15" />
</svg>