javascript — Как веселые приложения Facebook создают изображения из полученной информации?
Эта вещь действительно раздражает. На самом деле я знаю, как конвертировать HTML в изображение, используя html2canvas библиотека. Но я просто хочу знать, как большинство людей, которые имеют приложения для Facebook, как этот а также этот, создавать изображения.
Я могу получить всю необходимую информацию о пользователе, используя FB API, тогда как мне создать изображение в формате JPG / PNG, как они? Что я пробовал html2canvas но я не думаю, что все другие забавные приложения используют эту вещь. Потому что при просмотре их исходного кода я не смог увидеть элемент HTML, содержащий все содержимое изображения, которое необходимо сгенерировать с помощью html2canvas, Даже холст элемент НЕ подарок. Только изображение отображается.
Итак, может быть 3 возможности:
-
Они выполняют всю обработку на отдельной странице HTML / PHP с использованием Ajax (это еще один вопрос, я много искал, но не смог найти ни одного связанного с этим ответа: см. Запрос ниже).
-
Они скрывают HTML и его соответствующий CANVAS элемент, используя z-index или что-то еще, и показывает только сгенерированное изображение.
-
Они не используют
html2canvas, Они используют что-то еще.
запрос относится к 1: Возможно ли для вызова Ajax выполнить HTML-страницу, включая JS, CSS (скажем, URL: 'convertAndReturnImage.php' и отрендерить результат и вернуть сгенерированный URL изображения с помощью html2canvas в success функционировать?
Решение
Вы можете легко комбинировать изображения на сервере — отправляйте все изображения на сервер и размещайте их с определенными координатами x / y. Например, PHP предлагает множество функций для этого: http://php.net/manual/de/ref.image.php
Вы также можете просто объединить картину с холстом (https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage), используйте функцию «toDataURL» и отправьте ее на сервер, конечно. Но вы должны создать его на сервере. Например: Расшифровка холста todataURL
Вы можете либо вернуть изображение с помощью AJAX, либо создать его на сервере и вернуть URL-адрес.
Другие решения
Вызов Ajax может выполнять только страницу скрипта, например .js или .php. Он не может выполнить страницу .php, содержащую документ HTML, JS и таблицу стилей. Для этого он должен быть отображен в браузере. Ajax возвращает только результат. Так много обработки не может быть сделано в любом случае. Вы должны открыть документ в браузере хотя бы один раз.