Crecimiento misterioso después de copiar un SVG a un lienzo
Tengo un svg en mi página que necesito exportar a un png, así que siga los consejosaquí, Estoy usando canvg.
La copia parece funcionar bien al principio, pero luego la altura de los lienzos comienza a aumentar misteriosamente.
¿Estoy haciendo algo obviamente mal? He intentado configurar todo tipo de tamaños para el lienzo sin suerte. Falla en IE y Chrome.
Aquí está mi función de exportación:
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);
}
Aquí hay un jsfiddle para mostrar el problema:http://jsfiddle.net/LkqTU/4772/
¡El problema parece empeorar al desplazarse!