Как экспортировать всю страницу или html-контент с помощью Highcharts, а не только в диаграмму?

Ответ 1

я нашел простую обходную задачу для экспорта диаграмм (печать)

и

Я не использовал какой-либо плагин, просто маленький простой старый CSS и некоторый javascript

который в моем случае

Мне хотелось распечатать диаграмму с некоторым конкретным содержимым html на странице

или в моем случае я хотел удалить заголовок, нижний колонтитул и меню слева

i dint хотел показать кнопки или ненужный контент

и просто покажите содержимое страницы, таблицу описания и диаграмму

так вот я, как я достиг этого.

CSS: -

<style type="text/css">
@media print{
@page
        {
            size: auto;   /* auto is the initial value */
            margin: 0mm;  /* this affects the margin in the printer settings */
        }
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  .navimainbg{ display:none;}
  .printhide{ display:none;}
  .usercontent-footer{ display:none;}
  .linkBTN{ display:none;}
  .userheader{ display:none;}
  .user-profile-left{ display:none;}
  #userbgcontent{ width:100%;}
}
</style>

Мы фокусируемся на print css здесь, который мы подразумеваем при печати страницы

использовать разделы или части страницы, которые вы не хотите печатать через свой класс или идентификатор в зависимости от вашего использования

например

Мне не хотелось отображать кнопку

 .linkBTN{ display:none;}

который можно просто вызвать через javascript.

Javascript: →

<script type="text/javascript">


function printpage()
{

window.print()
}

<script type="text/javascript">

мы можем вызвать функцию печати для печати страницы минус элементов, которые мы не хотим печатать на странице, нажав кнопку, вызвав функцию в моем случае "печать", как вы можете эта кнопка также не будет отображаться во время печати, так как дисплей класса printhide установлен равным none при приеме

<input title="Print a Printer Friendly Page" class ="printhide" type="button" value="Print this page" onclick="printpage()">

isnt это простой способ распечатать диаграмму, отличную от печати на высоких диаграммах, если вы хотите напечатать больше

только con - то, что когда-нибудь изображение будет скользить вниз, когда вы хотите показать его вместе с некоторыми из-за отсутствия размера для рендеринга изображения. он переместится на следующую страницу. кроме проверенной работы.

Ответ 2

Существует так много прямого и косвенного способа достижения этого

• Использование HTML Canvas: http://html2canvas.hertzen.com/

• Использование wkhtmltoimage

Пример

  exec('wkhtmltoimage --quality 50 http://www.bbc.com bbc.jpg');

• Используя wkhtmltopdf + ImageMagic

  - Преобразуйте веб-страницу в pdf с помощью wkhtmltopdf

  - Преобразовать pdf в jpg с помощью ImageMagic

Пример

exec("convert a.pdf a.jpg");

• Используйте PHP imagegrabwindow и imagegrabscreen

Пример

$browser = new COM("InternetExplorer.Application");
$handle = $browser->HWND;
$browser->Visible = true;
$browser->Navigate("http://localhost");

/* Still working? */
while ($browser->Busy) {
    com_message_pump(4000);
}
$im = imagegrabwindow($handle, 0);
$browser->Quit();

header("Content-Type: image/png");
imagepng($im);
imagedestroy($im);

Предварительные примеры

- Также см. Получить скриншоты веб-сайта с помощью PHP

Возможные проблемы: Получение работы imagegrabscreen

• используйте Webshort и вызовите его из php с помощью exec, если у вас установлен python

Пример

exec("python webshot.py https://example.com/webshot/php example.png");

• Загрузите и используйте Генератор миниатюр веб-сайта

Пример

webthumb.php?url=http://www.google.com&x=150&y=150

• Используйте boxcutter

Пример

exec('boxcutter -f image.png');

• Захват скриншотов в PHP с GrabzIt

Пример

$grabzIt = new GrabzItClient("APPLICATION KEY", "APPLICATION SECRET");
$id = $grabzIt->TakePicture("http://www.google.com", "http://www.example.com/GrabzItHandler.php");

• используя wimg.ca

Пример с текущей страницей

  http://wimg.ca/https://stackoverflow.com/questions/10328457/how-to-export-the-whole-page-or-html-content-with-highcharts-not-just-the-chart/10330701#10330701

• TimThumb - Редактор изображений PHP

Пример

 timthumb.php?src=http://www.google.com/&webshot=1

Я думаю, что более чем достаточно примеров

Ответ 3

Вы можете попробовать распечатать страницу или сделать pdf, используя функции php файла, чтобы получить желаемый контент html.

или вы можете попробовать метод, рассказанный баба, чтобы получить изображение:)