Ich habe ein SVG auf meiner Seite, das ich in ein PNG exportieren muss, also folge ich den RatschlägenHierIch benutze canvg.

Die Kopie scheint zunächst gut zu funktionieren, aber dann nimmt die Höhe der Leinwände auf mysteriöse Weise zu.

Mache ich etwas offensichtlich falsch? Ich habe versucht, alle Arten von Größen für die Leinwand ohne Glück einzustellen. Scheitert in IE und Chrome.

Hier ist meine Exportfunktion:

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);  
}

Hier ist eine Jsfiddle, um das Problem zu zeigen:http://jsfiddle.net/LkqTU/4772/

Das Problem scheint sich beim Scrollen zu verschlimmern!