Beispiel:SVG-48-stroke-opacity.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>

circle { 

 fill: gold;
 stroke: steelblue;
 stroke-width: 10;
 }
  1. eins {
 stroke-opacity: 1;
 }
  1. zwei {
 stroke-opacity: .5;
 }
  1. drei {
 stroke-width: 20;
 stroke-opacity: .2;
 }

text { font-size: 8px; font-family: monospace; text-anchor: middle; } 

 </style>
 <title>stroke-opacity</title>

</head>

<body> 

 <svg viewBox="0 0 500 185">

<circle id="eins" cx="100" cy="87" r="70" /> <circle id="zwei" cx="220" cy="87" r="70" /> <circle id="drei" cx="340" cy="87" r="70" />

<text x="100" y="180">stroke-opacity: 1;</text> <text x="220" y="180">stroke-opacity: .5;</text> <text x="340" y="180">stroke-opacity: .2;</text> 

 </svg>

</body> </html>

Abgerufen am 5.08.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:SVG-48-stroke-opacity.html"