place two <g> side by side in an svg - HTML CSS SVG

HTML CSS examples for SVG:Group

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

Description

place two <g> side by side in an svg

Demo Code

ResultView the demo in separate window 

<html>
 <head></head> 
 <body> 
  <h1>Irish Flag SVG image</h1> 
  <svg version="1.1" baseprofile="full" width="300" height="200" xmlns="http://www.w3.org/2000/svg"> 
   <rect x="0" y="0" width="300" height="200" fill="green" /> 
   <rect x="100" y="0" width="300" height="400" fill="white" /> 
   <rect x="200" y="0" width="300" height="400" fill="orange" /> 
  </svg>  <!--from  w  w  w. j a  v  a 2s. c o  m-->
 </body>
</html>

Related Tutorials