aktuelle.kurse/m152/x_gitressourcen/Animationen/SVG/Vergleich PNG und SVG/tbz_logo_Blink.svg

61 lines
2.1 KiB
XML
Raw Normal View History

2021-06-25 16:17:59 +02:00
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="230pt" height="180pt" viewBox="0 0 300 200"
preserveAspectRatio="xMidYMid meet">
<g id="TBZ-Logo" transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M10 1270 l0 -90 100 0 100 0 0 -270 0 -270 115 0 115 0 0 270 0 270
100 0 100 0 0 90 0 90 -315 0 -315 0 0 -90z"/>
<path d="M690 1000 l0 -361 253 3 c238 3 254 4 294 25 105 57 148 183 97 284
-13 26 -63 74 -85 81 -6 2 4 19 24 39 78 78 53 213 -48 264 -36 18 -64 20
-287 23 l-248 3 0 -361z m398 174 c29 -20 29 -59 -2 -79 -17 -12 -43 -15 -96
-13 l-73 3 1 48 c0 26 1 49 1 52 1 3 34 5 74 5 49 0 80 -5 95 -16z m-9 -234
c41 -12 51 -24 51 -67 0 -50 -30 -64 -130 -61 l-82 3 0 63 c1 34 1 64 1 67 1
9 125 5 160 -5z"/>
<path d="M1400 1270 l0 -90 155 0 c85 0 155 -3 155 -6 0 -3 -74 -85 -165 -182
l-164 -177 -1 -87 0 -88 325 0 325 0 0 90 0 90 -176 0 c-107 0 -174 4 -172 10
2 5 76 90 166 189 l162 180 0 81 0 80 -305 0 -305 0 0 -90z"/>
<path d="M2790 1297 l0 -63 -37 -13 c-142 -50 -293 -200 -349 -347 l-17 -44
-63 0 -64 0 0 -95 0 -95 365 0 365 0 0 360 0 360 -100 0 -100 0 0 -63z m0
-377 l0 -90 -90 0 c-49 0 -90 4 -90 9 0 30 142 171 172 171 4 0 8 -40 8 -90z"/>
</g>
<script>
var blinkFunction = null;
var blinking = false;
var logoElement;
function SwitchBlinker()
{
if (blinkFunction){
clearInterval(blinkFunction);
blinkFunction = null;
} else {
blinkFunction = window.setInterval(blink, 100);
}
}
function blink()
{
if (blinking !== true) {
logoElement.setAttribute("fill", "blue");
logoElement.setAttribute("stroke", "#0000FF");
logoElement.setAttribute("stroke-width", "30");
} else {
logoElement.setAttribute("fill", "black");
logoElement.setAttribute("stroke", "#000000");
logoElement.setAttribute("stroke-width", "0");
}
blinking = !blinking;
}
logoElement = document.getElementById("TBZ-Logo");
logoElement.addEventListener("click", SwitchBlinker);
</script>
</svg>