Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.04.2014, 07:46
Новичок на форуме
Отправить личное сообщение для Instincted Посмотреть профиль Найти все сообщения от Instincted
 
Регистрация: 25.04.2014
Сообщений: 2

html2canvas и сторонние изображения
Здрасьте ! Ай нид хэлп !

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

Чё делать-то ? Грузить сначала фотку к себе на сервер, а потом canvas-ить ? Или есть другие варианты ?
Ответить с цитированием
  #2 (permalink)  
Старый 27.04.2014, 10:04
Профессор
Отправить личное сообщение для siber-biber Посмотреть профиль Найти все сообщения от siber-biber
 
Регистрация: 07.08.2013
Сообщений: 214

Все должно работать ..я проверил на их примерах вставил в DOM лого javascript.ru
<img title="Javascript.RU" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="Javascript.RU" border="0">
и скрин получился с картинкой. Проверяйте у себя, возможно делаете скрин до того как картинка загрузилась..
Ответить с цитированием
  #3 (permalink)  
Старый 27.04.2014, 10:27
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от siber-biber
Все должно работать ..я проверил на их примерах вставил в DOM лого javascript.ru
<img title="Javascript.RU" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="Javascript.RU" border="0">
и скрин получился с картинкой. Проверяйте у себя, возможно делаете скрин до того как картинка загрузилась..
и каким боком это к canvas?
Ответить с цитированием
  #4 (permalink)  
Старый 27.04.2014, 11:40
Профессор
Отправить личное сообщение для zebra Посмотреть профиль Найти все сообщения от zebra
 
Регистрация: 14.09.2011
Сообщений: 523

На сколько я помню, работают картинки только с текущего домена.
Ответить с цитированием
  #5 (permalink)  
Старый 27.04.2014, 15:08
Профессор
Отправить личное сообщение для siber-biber Посмотреть профиль Найти все сообщения от siber-biber
 
Регистрация: 07.08.2013
Сообщений: 214

Сообщение от dmitriymar Посмотреть сообщение
и каким боком это к canvas?
каким боком ваш вопрос к моему ответу?

http://html2canvas.hertzen.com/examples.html
Ответить с цитированием
  #6 (permalink)  
Старый 29.04.2014, 16:48
Новичок на форуме
Отправить личное сообщение для Instincted Посмотреть профиль Найти все сообщения от Instincted
 
Регистрация: 25.04.2014
Сообщений: 2

Сообщение от siber-biber Посмотреть сообщение
Все должно работать ..я проверил на их примерах вставил в DOM лого javascript.ru
<img title="Javascript.RU" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="Javascript.RU" border="0">
и скрин получился с картинкой. Проверяйте у себя, возможно делаете скрин до того как картинка загрузилась..
Нет, картинка точно Уже загружена .. нажимаю кнопку после того, как вижу изображение.

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

Короче, пока подгружаю предварительно картинки на сервер, канвашу, а потом удаляю .. но, хотелось бы избавиться от этого 'костыля'.
Ответить с цитированием
  #7 (permalink)  
Старый 30.04.2014, 06:26
Профессор
Отправить личное сообщение для siber-biber Посмотреть профиль Найти все сообщения от siber-biber
 
Регистрация: 07.08.2013
Сообщений: 214

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение рабочей области изображения pagemaster Общие вопросы Javascript 19 15.04.2013 18:06
Можно ли узнать полный путь изображения в jquery pautinaweb jQuery 1 30.01.2013 23:39
Расчет реальных размеров изображения в галерее Vision Элементы интерфейса 7 10.07.2012 21:56
DropDown menu в части изображения Hardip Элементы интерфейса 1 20.04.2012 00:20
отрисовка изображения по произвольным координатам Th0m@$ Events/DOM/Window 14 23.01.2010 16:04