convert svg shapes to path

// svg
<svg class="elephant">
  <g transform="scale(3)">    
   <polygon id="Page-1" points="23.3328895 11.1580892 22.8418363 11.1580892 16.0917836 17.9081419 12.9359147 14.7522731 12.4448616 14.7522731 9.95540651 17.224721 9.95540651 17.7157742 15.8467128 23.60708 16.337766 23.60708 25.8053725 14.1394735 25.8053725 13.6484203"></polygon>
  </g>
</svg>

// js
var polys = document.querySelectorAll('polygon,polyline');
[].forEach.call(polys,convertPolyToPath);

function convertPolyToPath(poly){
  var svgNS = poly.ownerSVGElement.namespaceURI;
  var path = document.createElementNS(svgNS,'path');
  var points = poly.getAttribute('points').split(/\s+|,/);
  var x0=points.shift(), y0=points.shift();
  var pathdata = 'M'+x0+','+y0+'L'+points.join(' ');
  if (poly.tagName=='polygon') pathdata+='z';
  path.setAttribute('d',pathdata);
  poly.parentNode.replaceChild(path,poly);
}