Таинственный рост после копирования SVG на холст
У меня есть svg на моей странице, который мне нужно экспортировать в png, поэтому следуя советуВотЯм с помощью canvg.
Сначала кажется, что копия работает нормально, но затем высота полотна начинает таинственным образом увеличиваться.
Я делаю что-то явно неправильно? Я'Мы попытались установить все размеры для холста, но безуспешно. Сбои в IE и Chrome.
Вот моя функция экспорта:
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);
}
Вот jsfiddle, чтобы показать проблему:http://jsfiddle.net/LkqTU/4772/
Проблема, кажется, усугубляется при прокрутке!