Как я могу захватить фрагмент документа HTML в виде альфа-прозрачного PNG? - PullRequest
Новая
       5

Как я могу захватить фрагмент документа HTML в виде альфа-прозрачного PNG?

0 голосов
/ 10 сентября 2010

Я ищу способ захвата части веб-страницы в виде PNG с прозрачным фоном.Это будет означать, что свойство transparent background будет действительно прозрачным.Элемент корневого уровня вместо отображения белого создаст png с прозрачным фоном.

Однако я подозреваю, что поведение, которое я ищу, просто невозможно.Следующее, что я думаю об этой проблеме - создать элемент canvas и каким-то образом нарисовать HTML-фрагмент на холсте.С этого момента захват PNG становится тривиальным.

Подводя итог моим двум вопросам:

  1. Существует ли относительно простой способ захвата фрагмента HTML-документа в виде PNG, такой как кореньСвойство node background: transparent действительно приводит к прозрачности?
  2. Если нет, могу ли я нарисовать фрагмент HTML-документа в элементе canvas, и если да, получу ли я требуемое поведение?

Ответы [ 2 ]

0 голосов
/ 11 сентября 2010

Mozilla имеет новую экспериментальную функцию в своей бета-версии FF 4, которая поддерживает рендеринг фактического HTML-элемента в качестве фона другого элемента .

0 голосов
/ 11 сентября 2010

Я не уверен точно, что вы намереваетесь захватить в # 1. Хотите сделать снимок того, что видит пользователь? Я не думаю, что это возможно.

Для 2, возможность рисовать HTML-элементы на Canvas запрашивалась разными людьми, но в настоящее время нет функции drawElement () или чего-либо подобного. (

Вы можете попытаться эмулировать элементы в Canvas с большим количеством рисунков, но вы точно не можете знать, какую (скажем) тему имеет пользователь. Так что, если у пользователя есть тема * * * * * * * *, то изменить свой рисунок нельзя.

...