2015-07-08 2 views
0

Я использую html2canvas.js для «скриншотов» веб-страницы непосредственно в браузере пользователей. Но я обнаружил, что он не получает изображения, использующие междоменную ссылку. Кроме того, я не могу установить междоменные права на сервере.Как получить скриншот изображений с перекрестными доменами на веб-странице?

Так как я могу это сделать?

ответ

0

У команды html2canvas нет хорошей документации. Итак, мне пришлось сделать много R & D, чтобы прийти к этому решению, поэтому я делюсь этими деталями здесь для других.

  1. Плагин принимает параметр как объект, где ожидает, что объект имеет свойство «прокси». Здесь вам нужно указать имя/модуль прокси-сервиса (с относительным путем).

  2. Используя это значение плагин формирует URL, как: https://your.domain.com/yourPath/yourProxyService?url=https%3A%2F%2Fcrossdomain.com%2FImage.png&callback=html2canvas_0

  3. Когда плагин пытается открыть прокси с помощью вновь созданного URL он ожидает данные со значением изображения в формате JSONP база 64. Например, смотри ниже:

    html2canvas_0 ("данные: изображения/PNG; base64, R0lGODlhQAAwAMQAAKioqICAgLKysm1tbWNjY8bGxpSUlHd3d9nZ2ePj48/Pz7y8vJ6enoqKillZWY6Nje3t7Q")

Примечание: html2canvas_0 является значением параметра "callback" в URL

Смежные вопросы