PDF Printing

Print.js was primarily written to help us print PDF files directly within our apps, without leaving the interface, and no use of embeds. For unique situations where there is no need for users to open or download the PDF files, and instead, they just need to print them.

One scenario where this is useful, for example, is when users request to print reports that are generated on the server side. These reports are sent back as PDF files. There is no need to open these files before printing them. Print.js offers a quick way to print these files within our apps.

PDF files must be served from the same domain as your app is hosted under. Print.js uses iframe to load files before printing them, therefore, it is limited by the Same Origin Policy. This helps preventing Cross-site scripting (XSS) attacks.

Example

Add a button to print a PDF file located on your hosting server:


 <button type="button" onclick="printJS('docs/printjs.pdf')">
    Print PDF
 </button>

Result:

For large files, you can show a message to the user when loading files. 


 <button type="button" onclick="printJS({printable:'docs/xx_large_printjs.pdf', type:'pdf', showModal:true})">
    Print PDF with Message
 </button>

Result:

The library supports base64 PDF printing: 


 <button type="button" onclick="printJS({printable: base64, type: 'pdf', base64: true})">
    Print PDF with Message
 </button>

Result:

HTML Printing

Sometimes we just want to print selected parts of a HTML page, and that can be tricky. With Print.js, we can easily pass the id of the element that we want to print. The element can be of any tag, as long it has a unique id. The library will try to print it very close to how it looks on screen, and at the same time, it will create a printer friendly format for it.

Example

Add a print button to a HTML form:


 <form method="post" action="#" id="printJS-form">
    ...
 </form>

 <button type="button" onclick="printJS('printJS-form', 'html')">
    Print Form
 </button>

Result:

Name:
Email:
Message:

Print.js accepts an object with arguments. Let's print the form again, but now we will add a header to the page:


 <button type="button" onclick="printJS({ printable: 'printJS-form', type: 'html', header: 'PrintJS - Form Element Selection' })">
    Print Form with Header
 </button>

Result:

Artofzoo Vixen Gaia Gold Gallery 501 80 Hot Fix May 2026

Modern wildlife photographers no longer just "take" pictures; they "make" images. By manipulating light, depth of field, and shutter speed, they translate a physical encounter into an artistic statement. High-contrast black and white shots of an elephant’s skin can mimic the textures of a charcoal drawing, while long exposures of birds in flight create ethereal, painterly streaks of color that feel more like impressionism than journalism. The Artistic Elements of the Wild

"Conservation Art" uses the aesthetic beauty of the natural world to lobby for its survival. When a photograph is framed and hung in a gallery, it ceases to be a mere digital file; it becomes a testament to what we stand to lose. It invites the viewer to stop and stare, fostering a deep, silent appreciation that data alone cannot provide. The Future: Ethical Artistry

To elevate a photo to the level of fine art, photographers focus on several core principles: artofzoo vixen gaia gold gallery 501 80 hot

Wildlife photography is a unique medium where the subject is a co-creator. It is a dance between the artist’s vision and the unpredictability of nature. Whether displayed on a digital screen or a canvas print, these works serve as a vital window into the world beyond our concrete jungles.

As AI-generated imagery and heavy digital manipulation become more common, the value of "authentic" nature art has skyrocketed. The "art" now lies as much in the process—the hours of waiting in the cold, the ethical distance kept from the animal, and the respect for the environment—as it does in the final image. The Artistic Elements of the Wild "Conservation Art"

Much like a minimalist painter, a photographer uses negative space—the vastness of a desert or the blur of a forest—to emphasize the isolation and majesty of a subject.

Captured Stillness: The Convergence of Wildlife Photography and Nature Art The Future: Ethical Artistry To elevate a photo

For centuries, humanity has sought to bottle the raw essence of the outdoors. From the charcoal sketches in Lascaux caves to the high-speed digital sensors of today, the drive to document the natural world remains a fundamental human impulse. Today, the boundary between "wildlife photography" and "nature art" has blurred, creating a sophisticated genre where technical precision meets emotional storytelling. The Evolution of the Lens as a Brush

The most powerful intersection of wildlife photography and nature art lies in its ability to inspire protection. A scientific report on melting glaciers may inform the mind, but a hauntingly beautiful photograph of a polar bear navigating thin ice touches the heart.

In its infancy, wildlife photography was primarily a tool for documentation and taxonomy. Early pioneers lugged heavy glass plates into the wilderness to prove the existence of distant species. However, as technology evolved, so did the intent.

JSON Printing

A simple and quick way to print dynamic data or array of javascript objects.

Example

We have the following data set in our javascript code. This would probably come from an AJAX call to a server API:


 someJSONdata = [
    {
       name: 'John Doe',
       email: 'john@doe.com',
       phone: '111-111-1111'
    },
    {
       name: 'Barry Allen',
       email: 'barry@flash.com',
       phone: '222-222-2222'
    },
    {
       name: 'Cool Dude',
       email: 'cool@dude.com',
       phone: '333-333-3333'
    }
 ]

We can pass it to Print.js:


 <button type="button" onclick="printJS({printable: someJSONdata, properties: ['name', 'email', 'phone'], type: 'json'})">
    Print JSON Data
 </button>

Result:

We can style the data grid by passing some custom css:


 <button type="button" onclick="printJS({
	    printable: someJSONdata,
	    properties: ['name', 'email', 'phone'],
	    type: 'json',
	    gridHeaderStyle: 'color: red;  border: 2px solid #3971A5;',
	    gridStyle: 'border: 2px solid #3971A5;'
	})">
    Print JSON Data
 </button>

Result:

We can customize the table header text sending an object array


 <button type="button" onclick="printJS({
	    printable: someJSONdata,
	    properties: [
		{ field: 'name', displayName: 'Full Name'},
		{ field: 'email', displayName: 'E-mail'},
		{ field: 'phone', displayName: 'Phone'}
	    ],
	    type: 'json'
        })">
    Print with custom table header text
 </button>

Result:

JSON, HTML and Image print can receive a raw HTML header:


<button type="button" onclick="printJS({
		printable: someJSONdata,
		type: 'json',
		properties: ['name', 'email', 'phone'],
		header: '<h3 class="custom-h3">My custom header</h3>',
		style: '.custom-h3 { color: red; }'
	  })">
	Print header raw html
</button>

Result:

Modern wildlife photographers no longer just "take" pictures; they "make" images. By manipulating light, depth of field, and shutter speed, they translate a physical encounter into an artistic statement. High-contrast black and white shots of an elephant’s skin can mimic the textures of a charcoal drawing, while long exposures of birds in flight create ethereal, painterly streaks of color that feel more like impressionism than journalism. The Artistic Elements of the Wild

"Conservation Art" uses the aesthetic beauty of the natural world to lobby for its survival. When a photograph is framed and hung in a gallery, it ceases to be a mere digital file; it becomes a testament to what we stand to lose. It invites the viewer to stop and stare, fostering a deep, silent appreciation that data alone cannot provide. The Future: Ethical Artistry

To elevate a photo to the level of fine art, photographers focus on several core principles:

Wildlife photography is a unique medium where the subject is a co-creator. It is a dance between the artist’s vision and the unpredictability of nature. Whether displayed on a digital screen or a canvas print, these works serve as a vital window into the world beyond our concrete jungles.

As AI-generated imagery and heavy digital manipulation become more common, the value of "authentic" nature art has skyrocketed. The "art" now lies as much in the process—the hours of waiting in the cold, the ethical distance kept from the animal, and the respect for the environment—as it does in the final image.

Much like a minimalist painter, a photographer uses negative space—the vastness of a desert or the blur of a forest—to emphasize the isolation and majesty of a subject.

Captured Stillness: The Convergence of Wildlife Photography and Nature Art

For centuries, humanity has sought to bottle the raw essence of the outdoors. From the charcoal sketches in Lascaux caves to the high-speed digital sensors of today, the drive to document the natural world remains a fundamental human impulse. Today, the boundary between "wildlife photography" and "nature art" has blurred, creating a sophisticated genre where technical precision meets emotional storytelling. The Evolution of the Lens as a Brush

The most powerful intersection of wildlife photography and nature art lies in its ability to inspire protection. A scientific report on melting glaciers may inform the mind, but a hauntingly beautiful photograph of a polar bear navigating thin ice touches the heart.

In its infancy, wildlife photography was primarily a tool for documentation and taxonomy. Early pioneers lugged heavy glass plates into the wilderness to prove the existence of distant species. However, as technology evolved, so did the intent.

Browser Compatibility

Currently, not all library features are working between browsers. Below are the results of tests done with these major browsers, using their latest versions.

Google Chrome
Safari
Firefox
Edge
Opera
Internet Explorer
PDF
HTML
Images
JSON

Thank you BrowserStack for the support. Amazing cross-browser testing tool.

artofzoo vixen gaia gold gallery 501 80 hot

Development and Support

Please report issues and feature requests in GitHub Issues.

If you have questions when implementing or using the library, ask about it in StackOverflow.

Pull requests are very welcome! Make sure your patches are well tested: README.md.

Print.js was built from the hard work of all these contributors.