Beispiel: 25, Muster mit Transformation (patternTransform) Download Bsp25

<?xml version="1.0" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="240" height="422" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <title>Muster mit Transformation (patternTransform)</title>
  <defs>
    <style type="text/css"><![CDATA[
      .kontur {
        stroke-width: 1;
        stroke: black;
      }
    ]]></style>
    <pattern x="0" y="0" width="60" height="60" id="muster" patternUnits="userSpaceOnUse" patternTransform="rotate(30) translate(10) scale(1.2) skewX(20)">
      <path d="M 0 0 l 5 5 h 50 l 5 -5 z" class="kontur" fill="#995500"/>
      <path d="M 0 0 l 5 5 v 50 l -5 5 z" class="kontur" fill="#885500"/>
      <rect x="5" y="5" width="50" height="50" stroke-width="1" stroke="black" fill="#AA5500"/>
      <path d="M 0 60 l 5 -5 h 50 l 5 5 z" class="kontur" fill="#331100"/>
      <path d="M 60 0 l -5 5 v 50 l 5 5 z" class="kontur" fill="#551100"/>
    </pattern>
  </defs>
  <rect x="0" y="0" width="100%" height="100%" fill="url(#muster)"/>
</svg>

< voriges Beispiel - nächtes Beispiel > Fenster schliessen