Call JavaScript function inside SVG from Surrounding HTML

Question

I\'ve created a little page just as this one here:

Answer 1

Without seeing the source of your .svg, it's impossible to answer specifically...

Check this out: https://codepen.io/lambdacreatives/pen/uygzk

HTML

Trigger Animation

CSS

body {
  background-color: black;
  text-align: center;
}

svg {
  height: 100%;
  width: 200px;
  path {
    fill: white;
  }
}

JS

$( "#trigger" ).click(function() {
  document.getElementById("ani-circle").beginElement();
});

If you can't work it out from that, post the source of your .svg and I'll knock up a specific answer for you.