html2canvas и сторонние изображения
 

Здрасьте ! Ай нид хэлп ! :help:

Делаю скрин div-a с помощью html2canvas. Всё работает, текст и картинки с сервера попадают в новое изображение. Но если в диве присутствует картинка с удалённого сервера, прописанные в img src, как ссылка типа http://site.ru/image.jpg, то она не попадает ни в canvas, ни, как следствие, в финальное изображение скрина.

Чё делать-то ? Грузить сначала фотку к себе на сервер, а потом canvas-ить ? Или есть другие варианты ?

Все должно работать ..я проверил на их примерах вставил в DOM лого javascript.ru

<img title="Javascript.RU" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="Javascript.RU" border="0">

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

и каким боком это к canvas?

На сколько я помню, работают картинки только с текущего домена.

каким боком ваш вопрос к моему ответу?

http://html2canvas.hertzen.com/examples.html

Нет, картинка точно Уже загружена .. нажимаю кнопку после того, как вижу изображение.

Может как-то связано, что канвашу в фрейме (делаю IFrame приложение для ВК) ?

Короче, пока подгружаю предварительно картинки на сервер, канвашу, а потом удаляю .. но, хотелось бы избавиться от этого 'костыля'.

вообще выше правильно написали у них в доке сказано что поддерживаются только картинки из "same origin": http://html2canvas.hertzen.com/faq.html
хотя как я уже писал я на живую firebug-ом вставил картинку из другого домена в их пример и все отработало нормально ..не знаю как объяснить, надо смотреть как у них там все устроено.

кстати у них есть готовые "костыли" (proxy-скрипты): https://github.com/niklasvh/html2canvas/wiki/Proxies