Warning: file_get_contents(): php_network_getaddresses: getaddrinfo failed: Name or service not known in /var/www/htmler.ru/wp-content/plugins/dodel-dance-booking/inc/api.php on line 22

Warning: file_get_contents(https://.dancecloud.at/index.php?c=PublicCustomers&a=JSON&what=courses): failed to open stream: php_network_getaddresses: getaddrinfo failed: Name or service not known in /var/www/htmler.ru/wp-content/plugins/dodel-dance-booking/inc/api.php on line 22

Warning: Invalid argument supplied for foreach() in /var/www/htmler.ru/wp-content/plugins/dodel-dance-booking/inc/meta.php on line 17
Скриншоты страницы прямо на странице без серверного рендеринга, на чистом Javascript и Canvas с помощью библиотеки html2canvas - HTMLer.org.ua
Javascript

Скриншоты страницы прямо на странице без серверного рендеринга, на чистом Javascript и Canvas с помощью библиотеки html2canvas

Представте, что скриншоты страницы можно делать прямо на самой странице без перезагрузки, без C# или каких-то других примочек, только при помощи Javascript и Canvas.

 

html2canvas

html2canvas

Теперь это реально с системой html2canvas.

Разработчик утверждает, что библиотека обходит дерево DOM и рисует элементы с привязанными к ним стилями на Canvas. В итоге получается достаточно точная «репродукция» страницы (репродукция потому, что некоторые элементы рендерятся не совсем точно — это видно на примерах, представленных разработчиком).

 

В остальном все работает фантастически быстро, даже с достаточно большим количеством графики на странице.

 

Как уже говорил, библиотека не требует какого-то дополнительного рендерера на сервере, и работает исключительно на Javascript Canvas, а отсюда и вытекают требования к окружению (работает отлично в Firefox 3.5+, Chrome, лично тестировал в Safari 5.1 for Mac, и IE 9+).

 

Мир неумолимо движется в сторону отказа от Flash, и вообще тяжелых серверных технологий. Вероятно через несколько лет всё будет работать только на Front-end’e.


Также рекомендуем: