hi вся моя диаграмма экспортирует отлично с highcharts im получая диаграмму для моего проекта php
но проблема
что я ищу импортировать html-контент или всю страницу вместе с диаграммой не только диаграммой
можно ли сделать ??
Может кто-нибудь мне помочь
или показать здесь образец скрипки http://jsfiddle.net/YBXdq/
мне нужно экспортировать текст под диаграммой хорошо
Существует так много прямого и косвенного способа достижения этого
Использование 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");
пример
$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 для работы
exec
если у вас установлен python пример
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');
пример
$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
Я думаю, что привел более чем достаточно примера
Вы можете попробовать распечатать страницу или сделать pdf, используя функции php-файла, чтобы получить желаемый контент html.
или вы можете попробовать метод, рассказанный баба, чтобы получить изображение 🙂
я нашел простую обходную схему для экспорта диаграмм (печать)
а также
я не использовал какой-либо плагин, просто маленький простой старый CSS и некоторый javascript
который в моем случае
Я хотел напечатать диаграмму с некоторым конкретным содержимым html страницы
или в моем случае я хотел удалить верхний и нижний колонтитулы и меню слева
Я хотел показать кнопки или ненужный контент
и просто покажите содержимое страницы, таблицу описания и диаграмму
так вот я, как я достиг этого.
<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.
<script type="text/javascript"> function printpage() { window.print() } <script type="text/javascript">
мы можем вызвать функцию печати, чтобы напечатать страницу минус элементы, которые мы не хотим печатать со страницей, нажав кнопку, вызвав функцию в моем случае «printpage», поскольку вы можете видеть, что эта кнопка также не отображается во время печати в качестве отображения класса printhide пока ничего не назначено
<input title="Print a Printer Friendly Page" class ="printhide" type="button" value="Print this page" onclick="printpage()">
isnt – это простой способ распечатать диаграмму, отличную от печати на высоких диаграммах, если вы хотите напечатать больше
только con – то, что когда-нибудь изображение будет скользить вниз, когда вы хотите показать его вместе с каким-то контентом из-за отсутствия размера для рендеринга изображения. он переместится на следующую страницу. кроме его протестированной работы.