Watermark Generator

Configure text, image, and user watermarks with a live preview and JSON export.

Text content

Text style

Font size (px)

Bold

Italic

Direction

Layout

Repeat

Start X (px)

Start Y (px)

Horizontal gap (px)

Vertical gap (px)

Rotation0°

Opacity15%

Live preview

Univer renderer · pixels

Install @univerjs/watermark and register it before creating a workbook or document. Download exports only the plugin configuration as JSON.

import { UniverWatermarkPlugin } from '@univerjs/watermark'

univer.registerPlugin(UniverWatermarkPlugin, {
  "textWatermarkSettings": {
    "content": "Univer",
    "fontSize": 16,
    "color": "rgb(0,0,0)",
    "bold": false,
    "italic": false,
    "direction": "ltr",
    "x": 60,
    "y": 36,
    "repeat": true,
    "spacingX": 200,
    "spacingY": 100,
    "rotate": 0,
    "opacity": 0.15
  }
})
import { UniverWatermarkPlugin } from '@univerjs/watermark'

univer.registerPlugin(UniverWatermarkPlugin, {
  "textWatermarkSettings": {
    "content": "Univer",
    "fontSize": 16,
    "color": "rgb(0,0,0)",
    "bold": false,
    "italic": false,
    "direction": "ltr",
    "x": 60,
    "y": 36,
    "repeat": true,
    "spacingX": 200,
    "spacingY": 100,
    "rotate": 0,
    "opacity": 0.15
  }
})

Watermark documentation