CODEWITHSUNDEEP
pngextracthtmltransparent
feklee
feklee

Reputation: 7695

web page: semi-transparent elements -> PNG

I have a web site that makes use of CSS box shadows. To make the web site look good in more browsers, I want to make use of semi-transparent PNGs instead. And to avoid having to redraw elements in a graphics program, I would like to know:

Is there a way to extract semi-transparent elements from a web page and store them in semi-transparent PNGs?

One solution that I could try if I hadn't borrowed my Mac to a friend: print to PDF from Safari. If I'm lucky, then the PDF has all the elements stacked in layers.

Upvotes: 2

Views: 481

Answers (1)

Kornel
Kornel

Reputation: 100110

You can render DOM elements to canvas via SVG and XHTML embedded in <foreignObject>.

Upvotes: 1

Related Questions