Animating an SVG via scale using animateTransform

svgAnimateTransform.js

// animating an SVG via scale using transform child without using any frameworks
// compatible with IE9.

// write out an SVG-compatible XML tag, not easy to do in jQuery
function makeSVG(tag, attrs) {
            var el= document.createElementNS('http://www.w3.org/2000/svg', tag);
            for (var k in attrs)
                el.setAttribute(k, attrs[k]);
            return el;
        }

// an example of an animated transform using scale
var scale = makeSVG('animateTransform', {
  attributeName: 'transform',
  attributeType: 'XML',
  type: 'scale',
  begin: '0s',
  dur: '4s',
  values: '1 1; 1.5 1.5',
  fill: 'freeze',
  repeatCount: 'indefinite'
});

//add transform animation to the child of a path element in an SVG
document.getElementById('someElement').appendChild(scale);