Add text watermarks Leave feedback
To add a watermark to the HTML/JPG/PNG/PDF output, follow these steps:
- Create an instance of the HtmlViewOptions class (or PngViewOptions, or JpgViewOptions, or PdfViewOptions);
- Create a Watermark object and populate its properties;
- Call the setWatermark method of the HtmlViewOptions (or PngViewOptions, or JpgViewOptions, or PdfViewOptions) class and specify the object created on step 2;
- Call the Viewer.view() method.
The following code snippet shows how to apply the watermark to the output pages.
import { Viewer, HtmlViewOptions, Watermark } from '@groupdocs/groupdocs.viewer';
const viewer = new Viewer("sample.docx")
// Create an HTML file.
const viewOptions = HtmlViewOptions.forEmbeddedResources("add-text-watermark/docx-to-html-watermark.html")
// Add watermark.
const watermark = new Watermark('This is a watermark')
viewOptions.setWatermark(watermark);
viewer.view(viewOptions)
sample.docx is the sample file used in this example. Click here to download it.
Was this page helpful?
Any additional feedback you'd like to share with us?
Please tell us how we can improve this page.
Thank you for your feedback!
We value your opinion. Your feedback will help us improve our documentation.
