Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать скриншот элемента (фрейма)? (https://javascript.ru/forum/dom-window/69412-kak-sdelat-skrinshot-ehlementa-frejjma.html)

iamme 20.06.2017 16:22

Как сделать скриншот элемента (фрейма)?
 
содержимое фрейма и сам фрейм формируется динамически с помощью подключенного асинхронно скрипта.

может находиться в самом низу страницы, т.е. не в видимой части.

Подскажите, как сделать скриншот или хотя бы в каком направлении копать?

То есть надо на выходе вернуть png картинку и сохранить ее где-то или переслать

j0hnik 21.06.2017 01:50

Если фрейм единственный то позицию можно найти по тегу frame
Если нет, может есть за что зацепиться, класс или id у этого фрейма или его обертки.

iamme 21.06.2017 14:09

id фрейма есть, вопрос в том, что дальше делать?
Как позицию найти, как png картинку делать? Есть ли в javascript способ фотографировать именно отдельный элемент, или по позиции, ширине и высоте из скриншота часть вырезать придется?

j0hnik 21.06.2017 14:39

function offset(el) {
	var rect = el.getBoundingClientRect(),
	scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
	scrollTop = window.pageYOffset || document.documentElement.scrollTop;
	return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
}


при помощи этой функции можно найти координаты элемента.
для скрина если не нашли ничего в гугл, нужно писать свое что-то или заказать в разделе > работа.


Часовой пояс GMT +3, время: 09:48.