Revision control
Copy as Markdown
<filter id="f1" x="0" y="-2" width="5" height="5" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" >
<feFlood flood-color="orange" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="f2" x="-1" y="-2" width="20" height="20" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" >
<feFlood flood-color="red" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="f3" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" >
<feFlood flood-color="magenta" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="f4" x="-1" y="-2" width="20" height="20" filterUnits="userSpaceOnUse" primitiveUnits="objectBoundingBox" >
<feFlood flood-color="blue" x="-0" y="-0" width="1" height="1"/>
</filter>
<filter id="f5" x="-0.1" y="-0.1" width="1.1" height="1.3" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" >
<feFlood flood-color="green" x="-0.1" y="-0.1" width="0.4" height="1.2"/>
</filter>
<filter id="f6" >
<feFlood flood-color="purple" />
</filter>
<rect transform="translate(5 55)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f1)" />
<rect transform="translate(5 105)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f2)" />
<rect transform="translate(5 155)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f3)" />
<rect transform="translate(5 205)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f4)" />
<rect transform="translate(5 255)" x="-6" y="0" width="30" height="30" fill="blue" filter="url(#f5)" />
<rect transform="translate(5 305)" x="-10" y="-10" width="30" height="30" fill="blue" filter="url(#f6)" />
<rect transform="translate(5 55)" x="0" y="-2" width="5" height="5" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 105)" x="-1" y="-2" width="20" height="20" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 155)" x="-3" y="-3" width="28" height="36" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 205)" x="0" y="0" width="19" height="18" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 255)" x="-9" y="-3" width="12" height="36" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 305)" x="-13" y="-13" width="36" height="36" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 55) rotate(50 50 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f1)" />
<rect transform="translate(105 105) rotate(50 50 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f2)" />
<rect transform="translate(105 155) rotate(50 50 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f3)" />
<rect transform="translate(105 205) rotate(50 50 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f4)" />
<rect transform="translate(105 255) rotate(50 50 45)" x="-6" y="0" width="30" height="30" fill="blue" filter="url(#f5)" />
<rect transform="translate(105 305) rotate(50 50 45)" x="-10" y="-10" width="30" height="30" fill="blue" filter="url(#f6)" />
<rect transform="translate(105 55) rotate(50 50 45)" x="0" y="-2" width="5" height="5" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 105) rotate(50 50 45)" x="-1" y="-2" width="20" height="20" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 155) rotate(50 50 45)" x="-3" y="-3" width="28" height="36" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 205) rotate(50 50 45)" x="0" y="0" width="19" height="18" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 255) rotate(50 50 45)" x="-9" y="-3" width="12" height="36" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 305) rotate(50 50 45)" x="-13" y="-13" width="36" height="36" fill="none" stroke="black" opacity="0.5"/>
</svg>