HTML SVG Elements rendering - HTML CSS SVG

HTML CSS examples for SVG:svg element

  1. HOME
  2. HTML CSS
  3. SVG
  4. svg element

Description

HTML SVG Elements rendering

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--from   w ww .  j a va 2 s .  c  o  m-->
 <body> 
  <div style="position:absolute; top:17pt; left:37pt; width:100%; height:100%"> 
   <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 100 100"> 
    <line id="default" x1="0" y1="0" x2="16" y2="272" style="stroke:rgb(0,0,0); stroke-width:7;" /> 
   </svg> 
  </div> 
  <div style="position:absolute; top:200pt; left:67pt; "> 
   <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <ellipse cx="83" cy="77" rx="83" ry="77" style="fill:none; stroke-width:3;stroke: rgb(0,0,0);stroke-dasharray:15, 4, 4, 4, 4, 4" /> 
   </svg> 
  </div>  
 </body>
</html>

Related Tutorials