Я пытаюсь сделать снимок части моей веб-страницы, которая иногда включает в себя высокие графики.Это работает хорошо, за исключением некоторых типов Highcharts.
Например, это мой #PrintPanelScreen на веб-странице.
Итак, отображаются частичные диаграммы, проверьте две ссылки ниже, первое изображение показывает, как оно выглядит на веб-странице, а второе изображение показывает, как оновыглядит при визуализации.Обратите внимание, что на диаграмме отсутствуют цвета.
this.PrintPanel = function () {
html2canvas(document.querySelector("#PrintPanelScreen")).then(canvas =>
{ var img = canvas.toDataURL("image/png"); // image type is "image/png"
download(img, "modified.jpg", "image/jpeg");
});
};
Изображение на веб-странице выглядит следующим образом
Изображение после его рендеринга на холсте или после его открытия вJPG выглядит так, см. пропущенные цвета