SVG
Rechthoek
Zoeken…
parameters
| Attribuut | Beschrijving |
|---|---|
| X | Horizontale positie van rechthoek vanaf linkermarge. |
| Y | Verticale positie van rechthoek vanaf bovenmarge. |
| breedte | Breedte van de rechthoek. |
| hoogte | Hoogte van de rechthoek. |
| rx | Horizontale ellipsstraal om hoeken van een rechthoek af te ronden |
| ry | Verticale straal van ellips gebruikt om hoeken van rechthoek af te ronden |
| beroerte | Kleur van rechthoekige rand. |
| streekbreedte | Breedte van rechthoekige rand. |
| vullen | Kleur binnen rechthoekige rand. |
Opmerkingen
Gedetailleerde informatie over het 'rect'-element van SVG is te vinden in de W3C-aanbeveling voor SVG .
Teken een zwarte rechthoek zonder vulling
<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>
Resultaat:
Teken een zwarte rechthoek met gele vulling en afgeronde hoeken
- De attributen
widthenheightgeven de afmetingen van de rechthoek aan. Deze waarden zijn standaard in pixels - De
fillbepaalt de kleur voor de rechthoek. Als er geen waarde voorfillis opgegeven, wordt standaard zwart gebruikt
<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>
Resultaat:
Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow