SVG rounded corner - HTML CSS SVG

HTML CSS examples for SVG:Path

  1. HOME
  2. HTML CSS
  3. SVG
  4. Path

Description

SVG rounded corner

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--from  w ww  . ja  va2s .c  o m-->
 <body> 
  <svg viewbox="60 40 85 70" width="90%" height="90%"> 
   <g> 
    <path id="k9ffd8001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" 
    stroke-width="5" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill="#a0a700"></path> 
   </g> 
  </svg>  
 </body>
</html>

Related Tutorials