создание скриншота веб-сайта с использованием jquery

Я хотел бы создать миниатюру скриншота для любого данного URL, используя строго javascript. Если это невозможно сделать, может ли кто-нибудь указать мне в правильном направлении, чтобы сделать это с моей собственной api?

Я просто решил обмануть и использовать фреймы, потому что это было для чего-то, что я делал для удовольствия в любом случае, но спасибо за все замечательные ответы. khtmltox, вероятно, лучший выбор, если вы хотите сделать что-то вроде этого … у них также есть привязки php также.

Если вы посмотрите на wkhtmltox , есть собственное lib / app для преобразования веб-страницы в образ.

 <?php // file: img.php $img=render_image($_GET['url']); ?> <!-- Your Website --> <img alt='ldr'/> <script type="text/javascript"> $(document).ready(function(){ var url='http://google.com/'; $('#img').attr('src','img.php?url='+encodeURIComponent(url)); }); </script> 

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

Существует абсолютно нулевой шанс сделать это с помощью Javascript.

На самом деле, нет никакого шанса сделать это с помощью любой «веб-технологии». Может быть, фанк-флеш-приложение, я не знаю (если это существует, еще одна причина ненавидеть flash: p).

Не произойдет. Единственный способ, которым вы МОЖЕТ быть в состоянии сделать это с помощью JS, – это то, что сайт размещен на вашем сервере, и у вас есть JS-триггер для какого-либо сценария оболочки, который отображает страницу пользователя на вашем локальном сервере и сохраняет ее как изображение.

Вы хотите получить подписку на браузерные снимки

В Javascript нет возможности сделать это.

Я считаю, что это можно сделать на стороне сервера, используя стороннее программное обеспечение.
Посмотрите на этот учебник для получения дополнительной информации.

Бит старый, но я столкнулся с той же проблемой и нашел http://html2canvas.hertzen.com/

Вы не можете сделать это только с помощью JavaScript. Вы должны использовать такую ​​услугу, как SnapCasa или аналогичную (которая в основном сводится к тегу img в правильном формате, так что это все клиентская сторона с вашей точки зрения).

В чистом js это невозможно в данный момент.

Я установил cutycap на свой сервер, который отвечает за генерацию изображений, и с помощью некоторой jj-аякс- магии вы можете легко создать свой собственный экранный снимок – эскиз

Нужно получить сайт скриншота, см. Checkout, это один phpwdn.com

Недавно я создал API REST, который может использовать для создания скриншотов веб-сайтов. Это бесплатно (конечно) и может помочь вам.

Ниже приведены ссылки на некоторые из моих экспериментов.

Mashable ScreenShot http://img.ruphp.com/screenshot/ba3d01a1ddeeb068fd365eb8468c4cd35150d143.png

Pinterest http://img.ruphp.com/screenshot/f3419f73e840f2684fa15cb14154d507484b7318.png

Скриншот Envato с мобильным портвью http://img.ruphp.com/screenshot/81c875e6622ca105db4135b19cde6b83d148b21f.png

Как это работает

Получите ваш ключ api pastiche учетной записи и сделайте запрос на отправку для создания скриншотов. Вы можете прочитать больше здесь http://damnovae.com/pastiche