Tajemniczy wzrost po skopiowaniu SVG na płótno

Mam na stronie svg, który muszę wyeksportować do png, więc postępuj zgodnie z zaleceniamitutaj, Używam canvg.

Wydaje się, że kopia działa na początku dobrze, ale wtedy wysokość płótna zaczyna tajemniczo wzrastać.

Czy robię coś oczywiście nie tak? Próbowałem ustawić wszystkie rodzaje płótna bez powodzenia. Nie działa w IE i Chrome.

Oto moja funkcja eksportu:

function copytocanvas()
{
    var c = document.getElementById('canvas');
    c.width = $('#svgChart').width();
    c.height = c.width;
    c.getContext = document.getElementById('canvas').getContext;


    var svg = document.getElementById('svgChart'); // or whatever you call it
    var serializer = new XMLSerializer();
    var str = serializer.serializeToString(svg);

    canvg(c, str);  
}

Oto jsfiddle, aby pokazać problem:http://jsfiddle.net/LkqTU/4772/

Problem wydaje się pogarszać podczas przewijania!

questionAnswers(1)

yourAnswerToTheQuestion