Add timestamp watermark to PhantomJS images

Question

How can I add watermarks on Phantomjs images?

Somewhat like this: enter image description here

Can page.evaluate help me here?

Any injection or while rendering should not affect the actual look of the webpage. This stamp should only overlay.

score 5 · Answer 1 · answered Nov 04 '14 at 20:19

5

The rendering is very high level in PhantomJS. The only way is to inject the watermark as an element (think position: absolute) into the DOM through page.evaluate and remove it after the screenshot.

answered Nov 04 '14 at 20:19

Artjom B.

61,146
24
125
222

score -1 · Accepted Answer · answered Nov 14 '14 at 08:02

-1

Finally got it.

Created a new html element which is required, from DOM method and then injected this while rendering the HTML by page.evaluate.

answered Nov 14 '14 at 08:02

Yogesh Unavane

265
3
11

2

Your answer is basically saying the same thing as mine. Do you mind exanding with actual code to warrant the new answer? – Artjom B. Nov 20 '14 at 13:52

Add timestamp watermark to PhantomJS images

2 Answers2