Beispiel:SVG-40-paint-order.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html lang="de"> <head> 

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>

svg { 

 min-height: 300px;
 }

text { text-anchor:middle; font-family: sans-serif; font-size: 40px; font-weight: bold; fill: gold; stroke: steelblue; stroke-width: 4; stroke-linejoin: round; } 

 </style>
 <title>paint-order</title>

</head>

<body> <svg viewBox="0 0 750 300"> 

 <image x="10" y="10" width="750" height="300" href="https://wiki.selfhtml.org/images/6/6e/Landscape-2-night.svg"/>
 <text x="270" y="120">
   stroke over 
 </text>	

 <text x="400" y="220" paint-order="stroke">
   stroke behind
 </text>

</svg> </body> </html>

Abgerufen am 5.08.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:SVG-40-paint-order.html"