跳到正文
Linasan UI

Watermark 水印

在一块区域上平铺文字水印。

2026 年第三季度经营报告

本季度营收同比增长 23%,毛利率 41.2%……

水印画在 canvas 上平铺成背景,颜色跟随文字色,深色模式下也看得见。

WatermarkLayer 只是水印层,放进任何 relative 的容器。

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/watermark.json

第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。

用法

import { Watermark } from '@/components/watermark/watermark';

<Watermark lines={[user.name, now]}>{content}</Watermark>

属性

属性

类型

本页目录