Crescimento misterioso depois de copiar um SVG para uma tela
Eu tenho um svg na minha página que eu preciso exportar para um png, então seguindo o conselhoAquiEu estou usando canvg.
A cópia parece funcionar bem no começo, mas a altura das telas começa a aumentar misteriosamente.
Estou fazendo algo obviamente errado? Eu tentei definir todos os tipos de tamanhos para a tela sem sorte. Falha no IE e no Chrome.
Aqui está minha função de exportação:
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);
}
Aqui está um jsfiddle para mostrar o problema:http://jsfiddle.net/LkqTU/4772/
O problema parece piorar ao rolar a tela!