Я пытаюсь создать уменьшенные изображения для нескольких HTML-страниц, поэтому пользователь может иметь представление о том, как выглядит HTML, прежде чем открыть ссылку. Я искал в Интернете, но не нашел ничего полезного.
Может ли кто-нибудь здесь дать несколько советов? Большое спасибо!
Я специально хочу, чтобы это произошло на стороне сервера, поэтому клиенту не требуется загружать страницу
Возможно, вы захотите проверить этот URL: http://html2canvas.hertzen.com/.
Используя этот script, вы можете преобразовать страницу в холст на стороне клиента.
Затем вы можете использовать это как миниатюру.
http://phantomJs.org предлагает бесплатный инструмент для локального захвата HTML из файла (если вы включите его с помощью параметра командной строки и используете file:// URI) или с веб-сайта и отнести его к изображению. Это очень хорошо зарекомендовавший себя очень популярный инструмент. Он также используется людьми, которые пишут автоматизированные тесты. Там есть страница wiki, которая охватывает этот инструмент и аналогичные.
У него есть опция обрезки. Вы можете запустить вывод этого с помощью других инструментов обработки изображений, чтобы масштабировать его.
Что касается получения интеллектуальных превью/эскизов, таких как Twitter и Facebook, то я не уверен. Я знаю, что существует популярный протокол oEmbed, который доступен Twitter и другим сайтам, а также способы извлечения метаданных, с помощью которых вы могли бы создать свой собственный небольшой HTML файл, а затем отобразить его на изображении.
(Примечание о phantomJs: Если вы не получите требуемое качество изображения в изображении, попробуйте повысить настройку качества для параметра изображения до 100, и, увеличивая масштаб страницы фактор коэффициент масштабирования 2 дает значительно лучшее качество, чем коэффициент масштабирования 1 - см. документы API относительно масштабирования).
http://api.s-shot.ru/?=(your url)
а также
https://s.wordpress.com/mshots/v1/(your url)
Я надеюсь, что эта помощь!
проверьте следующую ссылку: очень полезно.
http://www.iminfo.in/post/how-to-create-thumbnail-image-using-html5-canvas-and-javascript