サーチ…
パラメーター
| 属性 | 説明 |
|---|---|
| バツ | 左端からの矩形の水平位置。 |
| y | 上端から矩形の垂直位置。 |
| 幅 | 矩形の幅。 |
| 高さ | 長方形の高さ。 |
| rx | 長方形の角を丸めるために使用される楕円の水平半径 |
| ライ | 矩形の角を丸めるために使用される楕円の垂直半径 |
| ストローク | 矩形の境界線の色です。 |
| ストローク幅 | 矩形の境界の幅。 |
| 埋める | 矩形の枠内の色。 |
備考
SVG 'rect'要素の詳細については、 W3C SVG勧告を参照してください 。
塗りつぶさずに黒い矩形を描く
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="10" y="10" width="50" height="100" stroke="black" stroke-width="5" fill="none" />
</svg>
結果：
黄色の塗りつぶしと角が丸い黒い四角形を描く
-
width属性とheight属性は、長方形の寸法を指定します。これらの値は、デフォルトではピクセル単位です -
fill値は、矩形の色を設定します。fillの値が指定されていない場合は、デフォルトで黒が使用されます
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="10" y="10" width="50" height="100" rx="10" ry="10" stroke="black" stroke-width="5" fill="yellow" />
</svg>
結果：
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow