создание скриншота сайта с помощью jquery

Question

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

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

Answer 1

Если вы посмотрите на 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где-то, что может запустить нативную программу.

Answer 2

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

Answer 3

Нет способа сделать это в Javascript.

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

Answer 4

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

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

Answer 5

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

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

Answer 6

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

Answer 7

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

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

Mashable ScreenShot http://storage.damnovae.com/issac/ba3d01a1ddeeb068fd365eb8468c4cd35150d143.png

Pinterest http://storage.damnovae.com/issac/f3419f73e840f2684fa15cb14154d507484b7318.png

Скриншот Envato с мобильным портом http://storage.damnovae.com/issac/81c875e6622ca105db4135b19cde6b83d148b21f.png

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

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

Answer 8

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

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

Answer 9

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