Convert HTML page into image using Javascript

Question

Hi,

EDIT: I want to achieve it by with out using any third party software..My application is a SAP product and I cannot go to every customer and install that software in his system.
I have the following scenario..

    There is a button in my webiste(ofcourse,its a business applicaion) named "Save as image".so whenever user presses that button the content of the page has to be converted to image file and saved in his system.
    Can we achieve it by either javascript or jquery?
    If we cannot do it in javascript ,can we do it in SAP BSP,since my application is being developed in SAP BSP?

I had already searched in this site and found one solution which only works in Firefox extesnion. But I need a cross-browser solution which must work for IE,Chromer,ect.

@ Michal Klouda I cannot use HTA and my site has more security problems since it has to connect to SAP servers.. — Rama Rao M, Oct 03 '12 at 06:46
Does this answer your question? [Using HTML5/Canvas/JavaScript to take in-browser screenshots](https://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-in-browser-screenshots) — Boghyon Hoffmann, Dec 26 '20 at 19:07

score 5 · Answer 1 · edited May 23 '17 at 12:14

5

The way to do this would be render the HTML page in hidden <canvas> element and then saving the canvas content as an image.

It is possible, but you won't have perfect rendering output or a solution working on legacy browsers.

Please see

https://stackoverflow.com/a/12660867/315168

for more information.

Alternatively submit a stateless page URL to the server-side where a headless browser renders the page and takes a screenshot using Selenium automation. If the page is public some web services exist for this too.

edited May 23 '17 at 12:14

Community

1
1

answered Oct 03 '12 at 06:44

Mikko Ohtamaa

82,057
50
264
435

1

The problem is the canvas rendering part is not working in IE.....Coming to second option, Can you explain more? I never heard of Selenium autiomation.. OR can you provide a good example....Thanks – Rama Rao M Oct 03 '12 at 06:52

score 1 · Answer 2 · answered Oct 03 '12 at 07:26

One easy but partial IE solution, it uses ActiveX so not crosswbrowser and a general one that is a bit more cumbersome

The IE solution

function printScreen(){
  var oWordBasic;
  if (window.ActiveXObject){
    oWordBasic = new ActiveXObject("Word.Basic");
    oWordBasic.SendKeys('%{1068}'); 
    oWordBasic.SendKeys('%{PRTSC}'); //or if the above doesnt work..
    //save or transfer the clipboard contensts
  }
}

The general solution:

Use a screen capture utility like Gadwin PrintScreen http://www.gadwin.com/printscreen/, it's for windows but i'm sure there are the like for Linux and Mac. You can define a hotkey and let this save the image to a fixed location with autonumbering. The program doesn't need to be installed, it's portable so it can reside on a networkshare.

score 0 · Answer 3 · edited May 23 '17 at 12:01

0

you may also try to create java applet or jar included into site that would capture some part of the screen or browser. i saw mechanism for real time screen sharing based on jar loaded files, but i didn't see the code.

here is some lib for java html into image conversion http://code.google.com/p/java-html2image/

heres simmilar topic How to capture selected screen of other application using java?

edited May 23 '17 at 12:01

Community

1
1

answered Oct 03 '12 at 06:53

Misiakw

902
8
28

As I mentioned, It is SAP BSP applcation,so I cannot use any other languages like java,etc......Thanx for your reply.... – Rama Rao M Oct 03 '12 at 06:55
Rama, your assumption that you cannot include a Java applet in a BSP page is simply wrong. – vwegert Oct 03 '12 at 07:34
1

you cannot install anything on you'r client devices, but all you can include on you'r site is not installed in you'r client's PC. Java applet is still Java applet and tour client didn't need to install anything, Java Virtual machine is so common, that we can say it's standard. – Misiakw Oct 03 '12 at 08:12
@MiSiakw I got your point and would like to follow.But I don't know java well.Can you please provide me a good example or a url that guides me towards that requirement...Thnx. – Rama Rao M Oct 04 '12 at 12:11
I've edited my answer. as i told, I've never seen any code of this, but provided links may be interesting. i found also library for html->image conversion in java, so it may be very interesting for you. – Misiakw Oct 04 '12 at 12:32
no sane workplace environment these days should have java applets activated in the browser, it is a security nightmare. on second thought, there are probably millions of corporate windows workplaces running an old version of IE, so you might get lucky. – flow Jun 24 '14 at 23:49

Convert HTML page into image using Javascript

Hi,

3 Answers3