Scribd
Upload
20 views1 page

Wsjs

Uploaded by

soundarapk
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
20 views1 page

Wsjs

Uploaded by

soundarapk
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

// PDF.

js initialization
pdfjsLib.GlobalWorkerOptions.workerSrc =
'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.8.335/pdf.worker.min.js';

// Function to add watermark to the PDF


function addWatermarkToPDF(pdfData) {
const watermarkText = "Confidential"; // Replace with your watermark text
const options = { textRotation: -45, opacity: 0.5 }; // Customize watermark
options

// Load the PDF document


pdfjsLib.getDocument({ data: pdfData }).promise.then(function (pdf) {
// Fetch the first page
pdf.getPage(1).then(function (page) {
const canvas = document.createElement('canvas');
const viewport = page.getViewport({ scale: 1.0 });
const context = canvas.getContext('2d');

// Set the canvas dimensions


canvas.height = viewport.height;
canvas.width = viewport.width;

// Render the page content on the canvas


const renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext).promise.then(function () {
// Draw the watermark text on the canvas
context.font = '48px Arial';
context.fillStyle = 'red';
context.rotate(options.textRotation * Math.PI / 180);
context.globalAlpha = options.opacity;
context.fillText(watermarkText, 100, 100); // Adjust the position of the
watermark

// Convert the canvas to base64 data URL


const imageDataUrl = canvas.toDataURL();

// Create an image element with the watermark and append it to the PDF
container
const watermarkImage = new Image();
watermarkImage.src = imageDataUrl;
document.getElementById('pdfContainer').appendChild(watermarkImage);
});
});
});
}

// Fetch the PDF file and add watermark when the document is ready
document.addEventListener('DOMContentLoaded', function () {
// Replace 'example.pdf' with the URL or path to your PDF file
fetch('example.pdf')
.then(response => response.arrayBuffer())
.then(arrayBuffer => addWatermarkToPDF(new Uint8Array(arrayBuffer)));
});

You might also like