Вопрос по php, jquery, javascript, image – Как экспортировать всю страницу или HTML-контент с помощью Highcharts, а не только диаграммы?

10

Привет, все мои диаграммы хорошо экспортируются с высокими диаграммами. Я получаю диаграмму для моего проекта php.

но проблема в том,

что я хочу импортировать HTML-контент или всю страницу вместе с диаграммой, а не только диаграмму

это можно сделать ??

Может кто-нибудь мне помочь

или показать здесь образец скрипкиhttp://jsfiddle.net/YBXdq/

мне нужно экспортировать текст под диаграммой хорошо

worlddomainstats.com/statistics_AB-Name-ISP.php отображает графики и html-содержимое, используя highcharts Vaishu
@baba any highchart format jpg pdf print png any Я просто хочу, чтобы html-содержимое страницы также было включено или выбрано html-содержимое страницы, как показано на скрипте Rinzler
Проверьте этот постstackoverflow.com/questions/3175392/… Mayank
Просто добавьте html контент перед контейнером div. Vaishu
Экспорт в каком формате? Baba

Ваш Ответ

3   ответа
13

Есть так много прямых и косвенных способов добиться этого

пример

  exec('wkhtmltoimage --quality 50 http://www.bbc.com bbc.jpg');
  • Using wkhtmltopdf + ImageMagic

    -- Convert the web page to pdf using wkhtmltopdf

    -- Convert pdf to jpg using ImageMagic

пример

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

пример

$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

Для возможных проблем:Получение изображения экрана для работы

  • use Webshort and call it from php using exec if you have python installed

пример

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

пример

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

пример

exec('boxcutter -f image.png');
  • Capture Screenshots in PHP with GrabzIt

пример

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

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

  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?src=http://www.google.com/&webshot=1

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

Error: User Rate Limit Exceeded Rinzler
Error: User Rate Limit Exceeded Rinzler
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
0

я нашел простой обходной путь для экспорта графиков(printing)

а также

i didn't use any plugin just little plain old css and some javascript

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

я хотел напечатать диаграмму с определенным HTML-содержанием страницы

или в моем случае я хотел удалитьheader , footer and left menu

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

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

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

> 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>

Мы сосредоточены на печати CSS здесь, что мы подразумевали, когда страница печатается

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

например

я не хотел показывать кнопку

 .linkBTN{ display:none;}

который может быть просто вызван с помощью JavaScript.

Javascript :->


<script type="text/javascript">


function printpage()
{

window.print()
}

<script type="text/javascript">

мы можем вызвать функцию печати для печати страницы без элементов, которые мы не хотим печатать на странице, нажатием кнопки, вызвав функцию в моем случае & quot; printpage & quot; как вы можете Посмотрите, эта кнопка также не будет отображаться во время печати, так как отображение класса printhide не установлено во время печати

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

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

only con is that sometime the image will slide down when you want to show it along with some conetent due to lack of size to render an image . it will shift to next page . other than its tested working .

4

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

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

Похожие вопросы