SVG
Rektangel

Android Angular 2 AngularJS CSS HTML Java Language JavaScript jQuery PHP Python Language
Sök…


parametrar

Attribut Beskrivning
x Rektangelns horisontella position från vänster marginal.
y Rektangelns vertikala position från övre marginal.
bredd Rektangelns bredd.
höjd Rektangelns höjd.
rx Horisontell ellipsradie används för att runda rektangelns hörn
ry Vertikal ellipsradie som används för att runda rektangelns hörn
stroke Färg på rektangelgränsen.
stroke-bredd Bredden på rektangelens kant.
fylla Färg inuti rektangelgränsen.

Anmärkningar

Detaljerad information om SVG 'rekt' -element finns i W3C-rekommendationen för SVG .

Rita en svart rektangel utan fyllning

<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>

Resultat:

ange bildbeskrivning här

Rita en svart rektangel med gul fyllning och rundade hörn

  • Attributen width och height anger rektangelns mått. Dessa värden finns som standard i pixlar
  • fill ställer in färgen för rektangeln. Om inget värde för fill anges används svart som standard 
<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>

Resultat:

ange bildbeskrivning här



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow