<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg">
<title>Animationen</title>
<defs>
<pattern id="grid1" width="10" height="10" patternUnits="userSpaceOnUse">
<path d="M0,0 H10 M0,10 V0" style="stroke: #faa; fill: none; stroke-width: 0.5" opacity="0.5"/>
</pattern>
<pattern id="grid5" width="50" height="50" patternUnits="userSpaceOnUse">
<path d="M0,0 H50 M0,50 V0" style="stroke: maroon; fill: none; stroke-width: 1"/>
</pattern>
<pattern id="grid10" width="100" height="100" patternUnits="userSpaceOnUse">
<path d="M0,0 H100 M0,100 V0" style="stroke: maroon; fill: none; stroke-width: 2"/>
</pattern>
<linearGradient id="rainbow" y2="1" >
<stop offset="0" stop-color="red" ></stop>
<stop offset="0.2857" stop-color="#ff0" ></stop>
<stop offset="0.4286" stop-color="#0f0" ></stop>
<stop offset="0.5714" stop-color="cyan" ></stop>
<stop offset="0.7142" stop-color="blue" ></stop>
<stop offset="0.8571" stop-color="#f0f" ></stop>
<stop offset="1" stop-color="red" ></stop>
<stop offset="1" stop-color="red" ></stop>
<animate attributeName="x2" dur="3s" values="0;-200;0"
repeatCount ="indefinite " fill="freeze" additive="sum" />
<animate attributeName="y2" dur="3s" values="0;1;0"
repeatCount ="indefinite " fill="freeze" additive="sum" />
</linearGradient>
<linearGradient id="lg" x1="1" y1="1" >
<stop offset="0" stop-color="#00f" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="lgb" x1="1" y1="1" >
<stop offset="0" stop-color="#aaf" />
<stop offset="1" stop-color="#00a" />
</linearGradient>
<g id="c">
<circle r="100" fill="url(#lg)" transform="rotate(135)" stroke="url(#lgb)" stroke-width="6"/>
<circle r="80" fill="url(#lg)" transform="rotate(315)" stroke="none" />
</g>
</defs>
<g>
<set attributeName="display" to="none" begin="hideg.click"/>
<set attributeName="display" to="inline" begin="showg.click"/>
<rect fill="url(#grid1)" width="100%" height="100%" />
<rect fill="url(#grid5)" width="100%" height="100%" />
<rect fill="url(#grid10)" width="100%" height="100%" />
</g>
<use id="start" xlink:href="#c" transform="translate(100,100) scale(0.15)" />
<text y="105" x="120">start</text>
<use id="stop" xlink:href="#c" transform="translate(100,150) scale(0.15)" />
<text y="155" x="120">stop</text>
<use id="showg" xlink:href="#c" transform="translate(100,200) scale(0.15)" />
<text y="205" x="120">show grid</text>
<use id="hideg" xlink:href="#c" transform="translate(100,250) scale(0.15)" />
<text y="255" x="120">hide grid</text>
<circle cx="500" cy="200" r="200" fill="url(#rainbow)" />
</svg>
Datei:Mondrian-Kleeblatt.svg
Zur Navigation springen
Zur Suche springen
Größe dieser Vorschau: 512 × 512 Pixel. Weitere Auflösungen: 240 × 240 Pixel | 480 × 480 Pixel | 768 × 768 Pixel | 1.024 × 1.024 Pixel | 2.048 × 2.048 Pixel.
Originaldatei (SVG-Datei, Basisgröße: 512 × 512 Pixel, Dateigröße: 964 Bytes)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg">
<title>Animationen</title>
<defs>
<pattern id="grid1" width="10" height="10" patternUnits="userSpaceOnUse">
<path d="M0,0 H10 M0,10 V0" style="stroke: #faa; fill: none; stroke-width: 0.5" opacity="0.5"/>
</pattern>
<pattern id="grid5" width="50" height="50" patternUnits="userSpaceOnUse">
<path d="M0,0 H50 M0,50 V0" style="stroke: maroon; fill: none; stroke-width: 1"/>
</pattern>
<pattern id="grid10" width="100" height="100" patternUnits="userSpaceOnUse">
<path d="M0,0 H100 M0,100 V0" style="stroke: maroon; fill: none; stroke-width: 2"/>
</pattern>
<linearGradient id="rainbow" y2="1" >
<stop offset="0" stop-color="red" ></stop>
<stop offset="0.2857" stop-color="#ff0" ></stop>
<stop offset="0.4286" stop-color="#0f0" ></stop>
<stop offset="0.5714" stop-color="cyan" ></stop>
<stop offset="0.7142" stop-color="blue" ></stop>
<stop offset="0.8571" stop-color="#f0f" ></stop>
<stop offset="1" stop-color="red" ></stop>
<stop offset="1" stop-color="red" ></stop>
<animate attributeName="x2" dur="3s" values="0;-200;0"
repeatCount ="indefinite " fill="freeze" additive="sum" />
<animate attributeName="y2" dur="3s" values="0;1;0"
repeatCount ="indefinite " fill="freeze" additive="sum" />
</linearGradient>
<linearGradient id="lg" x1="1" y1="1" >
<stop offset="0" stop-color="#00f" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="lgb" x1="1" y1="1" >
<stop offset="0" stop-color="#aaf" />
<stop offset="1" stop-color="#00a" />
</linearGradient>
<g id="c">
<circle r="100" fill="url(#lg)" transform="rotate(135)" stroke="url(#lgb)" stroke-width="6"/>
<circle r="80" fill="url(#lg)" transform="rotate(315)" stroke="none" />
</g>
</defs>
<g>
<set attributeName="display" to="none" begin="hideg.click"/>
<set attributeName="display" to="inline" begin="showg.click"/>
<rect fill="url(#grid1)" width="100%" height="100%" />
<rect fill="url(#grid5)" width="100%" height="100%" />
<rect fill="url(#grid10)" width="100%" height="100%" />
</g>
<use id="start" xlink:href="#c" transform="translate(100,100) scale(0.15)" />
<text y="105" x="120">start</text>
<use id="stop" xlink:href="#c" transform="translate(100,150) scale(0.15)" />
<text y="155" x="120">stop</text>
<use id="showg" xlink:href="#c" transform="translate(100,200) scale(0.15)" />
<text y="205" x="120">show grid</text>
<use id="hideg" xlink:href="#c" transform="translate(100,250) scale(0.15)" />
<text y="255" x="120">hide grid</text>
<circle cx="500" cy="200" r="200" fill="url(#rainbow)" />
</svg>
Dateiversionen
Klicke auf einen Zeitpunkt, um diese Version zu laden.
Version vom | Vorschaubild | Maße | Benutzer | Kommentar | |
---|---|---|---|---|---|
aktuell | 11:25, 7. Aug. 2019 | 512 × 512 (964 Bytes) | Lily (Diskussion | Beiträge) | {{Cat|SVG}} |
Du kannst diese Datei nicht überschreiben.
Dateiverwendung
Keine Seiten verwenden diese Datei.