Есть ли бесплатный инструмент для рендеринга веб-страницы в PNG с прозрачным фоном?

Question

Скажем, у меня очень простая HTML-страница, содержащая одну строку текста. Я ищу инструмент, который бы взял эту строку текста и наложил ее на прозрачный фон PNG. Эта логика будет применяться ко ВСЕМ элементам на странице: если background не указано, а фон родительских элементов не просачивается, то фон должен быть прозрачным.

Как в прозрачном пикселе в изображении.

Есть ли инструмент для этого?

Answer 1

Существуют различные инструменты командной строки для такого рода вещей, большинство из которых так или иначе зависят от WebKit, например. webkit2png , сложная часть будет делать фон прозрачным.Каждый инструмент скриншотов, который я когда-либо пробовал, устанавливает непрозрачность фона, даже если цвет фона CSS transparent.Наилучший подход может заключаться в том, чтобы установить фон по умолчанию для какого-то необычного цвета, а затем с помощью инструмента, например ImageMagick, установить , чтобы установить этот конкретный цвет прозрачным .

.