svg path abs2rel

by timothyausten

HTML

<script src="http://cdn.jsdelivr.net/snap.svg/0.3.0/snap.svg.js"></script>
<svg width="1190" height="800">
    <path fill="#FF0000" d="m50,100-7,-8c-26,-25 -43,-42 -43,-63c0,-17 12,-30 28,-30c8,0 17,4 22,11c5,-7 14,-11 22,-11c15,0 27,13 27,30c0,21 -17,37 -43,62-7,8z" />
</svg>

JavaScript

var dv, txt0, txt1, svgee,
    path = Snap.select('path'),
    pathRel = Snap.path.toRelative(path);
document.querySelector('path').setAttribute('d', pathRel);
dv = document.createElement('div');
dv.style.fontSize = '0.5em';
txt0 = 'Output: ' + document.querySelector('path').getAttribute('d');
txt1 = document.createTextNode(txt0);
dv.appendChild(txt1);
svgee = document.querySelector('svg');
document.body.insertBefore(dv, svgee);