Drawing Homogeneous Bar Sets : xlink « SVG « XML

1. XML
2. SVG
3. xlink

Drawing Homogeneous Bar Sets

<?xml version="1.0" encoding="iso-8859-1"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
 "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">

 <svg width="100%" height="100%">

 <defs>
  <rect id="blot1"
     x="0" y="0" width="40" height="200" stroke="white"/>
  </defs>

  <g transform="translate(40,100)">
    <use x="0"   y="0" fill="blue" xlink:href="#blot1"/>
    <use x="40"  y="0" fill="red"  xlink:href="#blot1"/>
    <use x="80"  y="0" fill="blue" xlink:href="#blot1"/>
    <use x="120" y="0" fill="red"  xlink:href="#blot1"/>
    <use x="160" y="0" fill="blue" xlink:href="#blot1"/>
    <use x="200" y="0" fill="red"  xlink:href="#blot1"/>
    <use x="240" y="0" fill="blue" xlink:href="#blot1"/>
    <use x="280" y="0" fill="red"  xlink:href="#blot1"/>
  </g>
  </svg>

 

Related examples in the same category