JSFiddle - React, Tailwind, and code Playground
by Dogbert
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"></script>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 620 632.8" style="enable-background:new 0 0 620 632.8;" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #FFFFFF;
}
.st1 {
fill: #FEEF66;
}
.st2 {
fill: #9F9F9F;
}
.st3 {
font-family: 'Tahoma-Bold';
}
.st4 {
font-size: 18.8171px;
}
.st5 {
fill: #F3953F;
}
.st6 {
font-size: 18.9346px;
}
.st7 {
fill: #2DAFE6;
}
.st8 {
font-size: 18.4814px;
}
.st9 {
fill: #E8308A;
}
.st10 {
font-size: 18.4766px;
}
.st11 {
fill: #E7343F;
}
.st12 {
font-size: 18.3974px;
}
.st13 {
fill: #3FA535;
}
.st14 {
font-size: 16.6516px;
}
.st15 {
font-size: 18.7331px;
}
.st16 {
fill: #FDDFC4;
}
.st17 {
fill: none;
}
.st18 {
fill: #FFFCE4;
}
.st19 {
fill: #474746;
}
.st20 {
font-family: 'Tahoma';
}
.st21 {
font-size: 8.4532px;
}
.st22 {
fill: #706F6F;
}
.st23 {
font-size: 15.32px;
}
.st24 {
fill: #EA5B0C;
}
.st25 {
fill: none;
stroke: #000000;
stroke-width: 0.704;
}
.st26 {
font-size: 14.0872px;
...
JavaScript
var s = Snap("svg");
s.mousemove(function(e) {
console.log(e)
});