The editor below is live. It runs the Polotno SDK in your browser, the same way it would run inside your own app. Retext the stamp or upload a logo, and the tiling redraws across the whole page. The two switches are the interesting part: one decides whether the person editing can touch the watermark at all, the other decides whether it reaches the downloaded file.
How it's built
The side panel is cut down to three tabs, and the Watermark tab is a custom section built from the SDK's own primitives rather than Polotno's default chrome:
- Text or logo: one toggle swaps between a typed stamp and an uploaded image. The logo tile takes its height from the image's own proportions, so nothing is squashed or cropped whatever shape you upload.
- Tiling: the stamp repeats across the whole page instead of sitting once in the middle, because a single centred mark is trivially cropped out. The tile pattern is drawn over a square sized to the page diagonal, so rotating it still covers every corner.
- Locked on canvas: turns selection off, so the watermark cannot be dragged, resized, or deleted by whoever is editing. Flip it and the stamp becomes an ordinary element again.
- Include in export: decides whether the watermark reaches the downloaded file. Off, it stays on the canvas as a guide and the export comes out clean.
The whole watermark is one element on the design, so it costs nothing to lock, toggle, or render at scale.
Adapting it to your product
This demo is one way to set the SDK up, and most of it is yours to change:
- The controls: the Watermark panel is ordinary React built from the SDK primitives, so you can expose as much or as little of it as your product needs, or none of it and set the watermark from code.
- Who can change what: locking is per element, so a customer can edit their own content while your mark stays exactly where you put it.
- The output: a design is a single JSON object, so the same watermark can be applied in the browser, on your own server, or through the Cloud Render API for batch work.
- The look: the editor is white-label, so the plain theme here can be styled to match your brand.
Where it fits
Watermarking suits stock libraries, client proofing tools, asset management platforms, and any product with a free tier that wants its own mark on every asset a user exports. The same setup covers proof stamps before an order is placed and trial badges that disappear once someone upgrades.
