1.svg
2.svg
2.php
2a.php
10.php
3.svg
money/2.php
JavaScriptová knižnica pre interakciu s obrázkami SVG
<?xml version="1.0" standalone="yes"?>
<svg version="1.1" viewBox="0.0 0.0 960.0 720.0" stroke="none" stroke-linecap="square" stroke-miterlimit="10"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g font-size="20" font="sans-serif" fill="black" stroke="none"
text-anchor="middle" d="m100 20" x="100">
<a xlink:href="/svg/index.html">
<text x="110" y="20">/svg/index.html</text>
</a>
<a xlink:href="/svg/index.html" xlink:show="new">
<text x="10" y="40">/svg/index.html
(xlink:show="new")</text>
</a>
<a xlink:href="/svg/index.html" xlink:show="replace">
<text x="10" y="60">/svg/index.html
(xlink:show="replace")</text>
</a>
<a xlink:href="/svg/index.html" target="_blank">
<text x="10" y="80">m/svg/index.html
(target="_blank")</text>
</a>
<a xlink:href="/svg/index.html" target="_top">
<text x="10" y="100">/svg/index.html
(target="_top")</text>
</a>
</g>
<clipPath id="p.0">
<path d="m0 0l960.0 0l0 720.0l-960.0 0l0 -720.0z" clip-rule="nonzero"></path>
</clipPath>
<g clip-path="url(#p.0)">
<!--
<path fill="#000000" fill-opacity="0.0" d="m0 0l960.0 0l0 720.0l-960.0 0z" fill-rule="nonzero"></path>
<path fill="#000000" fill-opacity="0.0" d="m175.63255 123.21785l84.598404 0l0 103.9055l-84.598404 0z" fill-rule="nonzero"></path>
<path fill="#000000" fill-opacity="0.0" d="m155.40158 122.29921l138.86615 181.16536" fill-rule="nonzero"></path>
<path stroke="#000000" stroke-width="2.0" stroke-linejoin="round" stroke-linecap="butt" d="m155.40158 122.29921l138.86615 181.16536" fill-rule="nonzero"></path>
<path fill="#000000" fill-opacity="0.0" d="m533.3333 176.55118l-218.86612 36.7874" fill-rule="nonzero"></path>
<path stroke="#000000" stroke-width="2.0" stroke-linejoin="round" stroke-linecap="butt" d="m533.3333 176.55118l-218.86612 36.7874" fill-rule="nonzero"></path>
<path fill="#000000" fill-opacity="0.0" d="m95.632545 304.36746l106.67716 37.700775" fill-rule="nonzero"></path>
<path stroke="#000000" stroke-width="2.0" stroke-linejoin="round" stroke-linecap="butt" d="m95.632545 304.36746l106.67716 37.700775" fill-rule="nonzero"></path>
<path fill="#000000" fill-opacity="0.0" d="m228.96588 300.69028l114.92914 71.71655" fill-rule="nonzero"></path>
<path stroke="#000000" stroke-width="2.0" stroke-linejoin="round" stroke-linecap="butt" d="m228.96588 300.69028l114.92914 71.71655" fill-rule="nonzero"></path>
-->
<!-- sipka
<path fill="#cfe2f3" d="m455.17322 281.1496l106.20471 0l0 -3.448822l6.897644 6.897644l-6.897644 6.897644l0 -3.448822l-106.20471 0z" fill-rule="nonzero"></path>
-->
<path fill="#cfe2f3" stroke="#000000" stroke-width="2.0" stroke-linejoin="round" stroke-linecap="butt"
d="m300 300.1496l106.20 0l0 -3.448822l6.897644 6.897644l-6.897644 6.897644l0 -3.448822l-106.20471 0z" fill-rule="nonzero"></path>
<defs>
<marker id = "StartMarker" viewBox = "0 0 12 12" refX = "12" refY = "6" markerWidth = "3" markerHeight = "3" stroke = "green" stroke-width = "2" fill = "none" orient = "auto">
<circle cx = "6" cy = "6" r = "5"/>
</marker>
<marker id = "MidMarker" viewBox = "0 0 10 10" refX = "5" refY = "5" markerUnits = "strokeWidth" markerWidth = "3" markerHeight = "3" stroke = "lightblue" stroke-width = "2" fill = "none" orient = "auto">
<path d = "M 0 0 L 10 10 M 0 10 L 10 0"/>
</marker>
<marker id = "EndMarker" viewBox = "0 0 10 10" refX = "5" refY = "5" markerUnits = "strokeWidth" markerWidth = "3" markerHeight = "3" stroke = "red" stroke-width = "2" fill = "none">
<rect x = "0" y = "0" width = "10" height = "10"/>
</marker>
</defs>
<defs>
<rect x="0" y="0" width="60" height="15"
style="stroke: #ff0000; fill: none;" id="ct_po_kr">
<animateMotion
path="M10,50 q60,50 100,0 q60,-50 50,0"
begin="0s" dur="10s" repeatCount="indefinite"
rotate="auto"
/>
</rect>
<path stroke="#000000" stroke-width="5.0" stroke-linejoin="round" stroke-linecap="butt"
d="M10,50 q60,50 100,0 q60,-50 50,0" fill-rule="nonzero" id="ct_po_kr1"></path>
</defs>
<use xlink:href="#ct_po_kr" x="300" y="50" style="fill: #00ff00;"/>
<use xlink:href="#ct_po_kr1" x="300" y="50" style="fill: none;"/>
<defs>
<filter id="blurFilter" y="-5" height="40">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" y="10"/>
</filter>
</defs>
<defs>
<filter id="blurFilter3" y="-10" height="40" x="-10" width="150">
<feOffset in="SourceAlpha" dx="3" dy="3" result="offset3" />
<feGaussianBlur in="offset3" stdDeviation="3" result="blur3"/>
<feBlend in="SourceGraphic" in2="blur3" x="-10"/>
</filter>
</defs>
<ellipse cx="345" cy="420" rx="25" ry="15"
style="stroke: none; fill: #0000ff;
filter: url(#blurFilter3);" />
<defs>
<linearGradient id="myLinearGradient1"
x1="0%" y1="0%"
x2="0%" y2="100%"
spreadMethod="pad">
<stop offset="0%" stop-color="#00cc00" stop-opacity="1"/>
<stop offset="100%" stop-color="#006600" stop-opacity="1"/>
</linearGradient>
</defs>
<rect x="510" y="210" width="75" height="100" rx="10" ry="10"
style="fill:url(#myLinearGradient1);
stroke: #005000;
stroke-width: 3;" />
<ellipse cx="455" cy="40" rx="25" ry="15"
style="stroke: none; fill: #0000ff; " />
<ellipse cx="555" cy="40" rx="25" ry="15"
style="stroke: none; fill: #0000ff; filter: url(#blurFilter);" />
<line x1="120" y1="280" x2="220" y2="320"
style="stroke: #000000; fill:none;
stroke-width: 2px;
stroke-dasharray: 10 5" />
<rect x="110" y="110" height="110" width="110"
style="stroke:#ff0000; fill: #0000ff">
<animateTransform
attributeName="transform"
begin="0s"
dur="20s"
type="rotate"
from="0 170 170"
to="360 170 170"
repeatCount="indefinite"
/>
</rect>
<circle cx="120" cy="250" r="25"
style="stroke: none; fill: #0000ff;
fill-opacity: 0.7; " />
<circle cx="220" cy="250" r="25"
style="stroke: none; fill: #0000ff;
fill-opacity: 0.2; " />
<image x="520" y="320" width="300" height="80"
xlink:href="http://jenkov.com/images/layout/top-bar-logo.png" />
<line x1="25" y1="80" x2="350" y2="80"
style="stroke: #ffffff; stroke-width: 3;"/>
<path d = "M 20 45 l 70 10 l 90 35 l 120 40 l 130 20 l 170 68 l 220 68 l 260 40" fill = "none" stroke = "black" stroke-width = "5" marker-start = "url(#StartMarker)" marker-mid = "url(#MidMarker)" marker-end = "url(#EndMarker)"/>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m100.0 99.50131l0 124.58792" fill-rule="nonzero"></path>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m353.33334 99.50131l0 124.58792" fill-rule="nonzero"></path>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m606.6667 99.50131l0 124.58792" fill-rule="nonzero"></path>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m860.0 99.50131l0 124.58792" fill-rule="nonzero"></path>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m99.50131 100.0l760.9973 0" fill-rule="nonzero"></path>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m99.50131 141.19685l760.9973 0" fill-rule="nonzero"></path>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m99.50131 182.3937l760.9973 0" fill-rule="nonzero"></path>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m99.50131 223.59055l760 0" fill-rule="nonzero"></path>
</g>
<!-- Mark relevant points -->
<g stroke="black" stroke-width="3" fill="black">
<circle id="pointA" cx="100" cy="350" r="3" />
<circle id="pointB" cx="250" cy="50" r="3" />
<circle id="pointC" cx="400" cy="350" r="3" />
</g>
<!-- Label the points -->
<g font-size="30" font="sans-serif" fill="black" stroke="none"
text-anchor="middle">
<text x="100" y="350" dx="-30">A</text>
<text x="250" y="50" dy="-10">B</text>
<text x="400" y="350" dx="30">C</text>
</g>
<g stroke="black" stroke-width="3" fill="black">
<path fill="#cfe2f3" d="m455.17322 281.1496l106.20471 0l0 -3.448822l6.897644 6.897644l-6.897644 6.897644l0 -3.448822l-106.20471 0z" fill-rule="nonzero"></path>
<path stroke="#9e9e9e" stroke-width="1.0" stroke-linecap="butt" d="m199.50131 323.59055l760 0" fill-rule="nonzero"></path>
<line x1="25" y1="380" x2="150" y2="380"
style="stroke: #00ffff; stroke-width: 3;"/>
<line x1="25" y1="380" x2="25" y2="450"
style="stroke: #00ffff; stroke-width: 3;"/>
<line x1="25" y1="450" x2="150" y2="450"
style="stroke: #00ffff; stroke-width: 3;"/>
<line x1="150" y1="380" x2="150" y2="450"
style="stroke: #00ffff; stroke-width: 3;"/>
</g>
</svg>