Using opacity in SVG graphic

A simple example of using the opacity in SVG graphic. 
<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
      
     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <rect x="0" y="0" width="170" height="100" fill="red" />
      <circle cx="85" cy="100" r="30" stroke="violet" stroke-width="40" stroke-opacity=".5" fill="green" />
     </svg>

  </body>
</html>
List

Responses

0 Replies