[einsilber]

Код для надписи "Hallo, World". (Если хотите увидеть, скопируйте его в блокнот, сохраните как "hallo.svg" и откройте Интернет эксплорером. На вашем компе должен стоять "SVG Viewer")


<svg>
<defs>
<g id="h">
<path d="M10,10 v50 m0,-25 h30 m0,-25 v50" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<defs>
<g id="a">
<path d="M10,60 l15,-44 l15,44 m-7,-25 h-16" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<defs>
<g id="l">
<path d="M10,10 v50 h30 v-5" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<defs>
<g id="o">
<path d="M10,35 q15,-48 30,0 q-15,48 -30,0" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<defs>
<g id="w">
<path d="M10,10 l10,46 l10,-17 l10,17 l10,-46" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<defs>
<g id="r">
<path d="M10,60 v-50 q50,15 0,30 l30,20" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<defs>
<g id="d">
<path d="M10,60 v-46 q60,50 0,46" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<defs>
<g id="komma">
<path d="M10,10 q5,-10 10,0 q-5,10 -10,0 m10,0 q0,5 -10,15" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<defs>
<g id="ausrufezeichen">
<path d="M10,10 q5,-10 10,0 q-5,10 -10,0 m5,-15 q-10,-20 -5,-40 q5,-5 10,0 q10,20 -5,40" style="fill:none; stroke:blue; stroke-width:5"></path>
</g>
</defs>

<use xlink:href="#h" x="0" y="30">
</use>

<use xlink:href="#a" x="40" y="30">
</use>

<use xlink:href="#l" x="80" y="30">
</use>

<use xlink:href="#l" x="120" y="30">
</use>

<use xlink:href="#o" x="150" y="30">
</use>

<use xlink:href="#komma" x="180" y="80">
</use>


<use xlink:href="#w" x="220" y="30">
</use>

<use xlink:href="#o" x="265" y="30">
</use>

<use xlink:href="#r" x="305" y="30">
</use>

<use xlink:href="#l" x="345" y="30">
</use>

<use xlink:href="#d" x="385" y="30">
</use>

<use xlink:href="#ausrufezeichen" x="425" y="77">
</use>
</svg>



Мышь:

<svg>

<line x1="200" y1="0" x2="200" y2="400">
<animate attributeName="y2" from="400" to="0" dur="40s" repeatCount="indefinite" />
</line>

<defs>
<g id="maus">
<ellipse cx="200" cy="400" rx="20" ry="20" fill="grey" />
<ellipse cx="195" cy="390" rx="3" ry="3" fill="white" />
<ellipse cx="205" cy="390" rx="3" ry="3" fill="white" />
<ellipse cx="200" cy="380" rx="3" ry="3" fill="black" />
<line x1="200" y1="380" x2="210" y2="370" stroke="black"/>
<line x1="200" y1="380" x2="215" y2="380" stroke="black"/>
<line x1="200" y1="380" x2="213" y2="375" stroke="black"/>
<line x1="200" y1="380" x2="190" y2="370" stroke="black"/>
<line x1="200" y1="380" x2="185" y2="380" stroke="black"/>
<line x1="200" y1="380" x2="187" y2="375" stroke="black"/>
</g>
</defs>

<use xlink:href="#maus">
<animate attributeName="y" from="0" to="-200" dur="40s" repeatCount="indefinite" />
<animate attributeName="ry" from="20" to="30" dur="2s" repeatCount="indefinite" />
<animate attributeName="rx" from="30" to="20" dur="2s" repeatCount="indefinite" />
</use>
<line x1="200" y1="420" x2="225" y2="450">
<animate attributeName="x2" values="225 ; 175 ; 225" dur="2s" repeatCount="indefinite" />
<animate attributeName="y1" from="420" to="20" dur="80s" repeatCount="indefinite" />
<animate attributeName="y2" from="450" to="50" dur="80s" repeatCount="indefinite" />-->
</line>
</svg>