Javascript window.print () дает мне другой вывод

Question

Я пытался решить проблему с печатью определенных областей веб-приложения, над которым я работаю. Проблема с старшими чартами js , которая отображает свои гистограммы как <rect ... />.

При вызове window.print () при загрузке вызов print работает так же, как проблема фонового изображения, когда фоновое изображение / цвет всегда исчезают. Однако, когда я печатаю страницу из меню браузера, она отображается так, как должна быть. Любая идея, почему он не будет печатать <rect />?

Answer 1

Может быть проблема с синхронизацией.Попробуйте что-то вроде

window.onload = function() {
    window.focus();
    window.print();
}

Answer 2

Вы не можете распечатать SVG из всех браузеров, и из тех, которые вы можете, svg должен быть отрендерен, прежде чем пытаться его распечатать.

Начиная с версии 2.0 для Highcharts доступен модуль экспорта, который позволяет пользователям загружать изображения или PDF-файлы ваших диаграмм.Этот модуль состоит из дополнительного файла JavaScript, exporting.js и модуля веб-службы или сервера, написанного на PHP.Highslide Software предлагает бесплатный экспортный веб-сервис.Если вы включите модуль экспорта в свои диаграммы, в правом верхнем углу появятся две кнопки.Одна кнопка печатает график, что делается только на стороне клиента.Другая кнопка обрабатывает экспорт.По умолчанию SVG-представление диаграммы отправляется POST в http://export.highcharts.com,, где она конвертируется с помощью Apache Batik Converter в PDF, PNG или JPEG.