I want to print a very large image generated by my program with 31279px in width with javascript but window.print() prints only a little part of the entire image.
Please any solution to this?
+1
A:
Three choices:
- Resize it (on the server-side perhaps) to fit the window. It would degrade print quality, but fast and easy.
- GoogleMaps-style: cut it into small pieces, let user scroll them both ways and choose the window he wants to print. Buttons for "zoom in" and "zoom out" serving smaller/bigger-scale images. Cool and strong, but a lot of work.
- Make a PDF with that image! No quality degrade, guaranteed looks.
I think you should really do PDF.
alamar
2009-06-06 08:45:40
+1
A:
Using CSS resize the image to 100% width of the window, this should theoretically work.
img#theImage {
width:100%;
}
Georg
2009-06-06 09:16:41
Good idea, but you should add a @media print block to it as well.
MiffTheFox
2009-06-06 09:18:54
I wouldn't recommend that, since the user would have to download a few megabytes of image and thus would be nonplussed.Better fetch the resized version.
alamar
2009-06-06 09:23:11
@alamar: it looks like he wants to have this high-res picture.
Georg
2009-06-06 09:25:20
@MiffTheFox: And users looking at the picture should only see a small part of it? So many pixels would need huge scrollbars.
Georg
2009-06-06 09:27:25
hi guy i do not want to resize it . it happen to be a big diagram of some sort!
Spikie
2009-06-06 09:31:33
@MiffTheFox yes you are right but it is an internal project i just want the print out
Spikie
2009-06-06 09:33:22
If it's a diagram, you clearly want to give it out as a paged PDF.
alamar
2009-06-06 14:40:18